• Resolved blondje1

    (@blondje1)


    I have been busy all day, hope someone can help me.
    I would like some changes in the layout.

    – I would like the sidebar to be slightly narrower so that the text of the appointment page is nicely distributed.

    – can the hoover be set off for an area? now when I go over a block of text, the area becomes lighter and the text is hard to see.

    – can the numbers in the white blocks be made black? now they are bad to see because it is gray.

    – If I adjust a color of a text, then it adapts the whole page of text. I would like to have “Please check the appointment details below and confirm:” text in white and thinly written.

    – There are two more lines in English that I would like to translate
    1. Our schedule for October 2018 -> Our agenda for “October 2018”
    2. Please check the appointment details below and confirm: -> Check the details of your appointment and confirm.

    apologies for the mistakes and stupid questions I am a beginner in WP

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter blondje1

    (@blondje1)

    Anyone?

    • This reply was modified 7 years, 7 months ago by blondje1.
    Plugin Contributor Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @blondje1,

    hope you’re doing good and really sorry for the late response here.

    Most of these adjustments (apart from translations) are theme-related but I’ll try to share some CSS rules that could assist. Please use them in Appearance -> Customize -> Additional CSS.
    Also keep in mind that I make all proposals based on the /maak-een-afspraak/ page that I see and some modifications are for this page only (you will notice that in CSS rules which start with “body.page-id-31”). 🙂

    – I would like the sidebar to be slightly narrower so that the text of the appointment page is nicely distributed.

    body.page-id-31 .container > .row > .col-md-8 {
      width: 75%;
    }
    body.page-id-31 .container > .row > .col-md-4 {
      width: 25%;
    }

    – can the hoover be set off for an area? now when I go over a block of text, the area becomes lighter and the text is hard to see.

    ::selection {
      background: #000000;
    }
    ::-moz-selection {
      background: #000000;
    }

    – can the numbers in the white blocks be made black? now they are bad to see because it is gray.

    td.free > p {
      color: black;
    }

    – If I adjust a color of a text, then it adapts the whole page of text. I would like to have “Please check the appointment details below and confirm:” text in white and thinly written.

    .appointments-confirmation-wrapper > fieldset > legend > h3 {
      font-size: 25px;
      font-weight: lighter;
      text-align: center;
    }

    – There are two more lines in English that I would like to translate
    1. Our schedule for October 2018 -> Our agenda for “October 2018”
    2. Please check the appointment details below and confirm: -> Check the details of your appointment and confirm.

    I wasn’t able to locate these, can you maybe share a screenshot with me? 🙂

    Warm regards,
    Dimitris

    Thread Starter blondje1

    (@blondje1)

    Hello Dimitris,

    Thank you so much for your help!

    Everything works just the way i planned only one does not work; maybe i did not explain it well. I try to share a screenshot hope it works:

    Bevestiging afspraak

    I like to have de green letters in white and the letters in de white beams black.

    This one i already solved thank you!

    – There are two more lines in English that I would like to translate
    1. Our schedule for October 2018 -> Our agenda for “October 2018”
    2. Please check the appointment details below and confirm: -> Check the details of your appointment and confirm.
    I wasn’t able to locate these, can you maybe share a screenshot with me?

    Again thank you so much for the help!
    Kind regards.

    Plugin Contributor Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @blondje1,

    I’m glad you’ve made progress so far! 🙂

    I like to have de green letters in white and the letters in de white beams black.

    Appreciate the additional information here, please try the following CSS rules that should fix these:

    .appointments-confirmation-wrapper {
      color: white;
    }
    .appointments-confirmation-wrapper input {
      color: black;
    }

    Warm regards,
    Dimitris

    Thread Starter blondje1

    (@blondje1)

    Hello Dimitris;

    I’m so sorry for the late reply; you helped me already so much.

    unfortunately the black letters in de white beams do not work.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Color en letter settings’ is closed to new replies.