Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 7, 2024 at 3:50 pm #336501
    Dirk
    Participant

    Hi,

    Is there a custom css code to change the text colour in the Header Top area?

    Thank’s

    July 8, 2024 at 12:28 am #336504
    minal
    Keymaster

    Hello @Dirk,

    There is a custom CSS for you to change the text color in the header top

    
.top-main-wrapper, 
.top-main-wrapper a {
  color: #fff;
}

    you can change your desired color on the above CSS code.

    To add the above CSS please go to Dashboard >> Appearance> Customizer >> Additional CSS

    Hope it works for you !!

    Sincerely,

    Minal

     

    July 8, 2024 at 3:03 am #336509
    Dirk
    Participant

    Thank you very much Minal,

    Totally happy with your solution!

    Bye Bye,
    Dirk

    July 8, 2024 at 3:08 am #336510
    Dirk
    Participant

    Is there also custom css to modify the text size in the Header Top?

    Thank you,
    Dirk

    July 8, 2024 at 4:53 am #336511
    minal
    Keymaster

    Hello @Dirk,

    Glad that it works for you !!

    And yes you can change the font size in the header top, Here is the CSS for it.

    .site-header-top-menu * {

 font-size: 20px;

}

    change the value with your desired value on the above code

    Hope it works for you !!

    Sincerely,

    Minal

    July 8, 2024 at 8:23 am #336513
    Dirk
    Participant

    Thank you Minal,

    Can |I also change the text size for the other attributes like e-mail address, phone number and address in the Header Top?

    Thank’s,
    Dirk

    July 8, 2024 at 11:46 am #336515
    Dirk
    Participant

    Hi,

    In the Top Header menu, all words start capitalized. In the primary menu it is OK, only the first word starts capaitalized. Is there css to have only the first word capitalized in the Top Header menu?

    Many thank’s,
    Dirk

    July 8, 2024 at 12:03 pm #336516
    minal
    Keymaster

    Hello @ Dirk,

    Yes we can achieve that. Please add below CSS on your additional CSS

    

.site-navigation .top-menu a {

  text-transform: lowercase;

}

.site-navigation .top-menu a:first-letter {

  text-transform: capitalize;

}

.contact-details li {

  font-size: 20px;

}

    for font size for email, phone use that contact-details li for that.

    Hope it will work for you

    Sincerely,

    Minal

    • This reply was modified 2 months, 4 weeks ago by minal.
    • This reply was modified 2 months, 4 weeks ago by minal.
    July 8, 2024 at 12:07 pm #336517
    Dirk
    Participant

    Thank you so much Minal, you made my day!

    Best,

    Dirk

    July 8, 2024 at 12:10 pm #336519
    minal
    Keymaster

    Glad it works for you

    Have a nice day Dirk !!!

    Sincerely,

    Minal

    • This reply was modified 2 months, 4 weeks ago by minal.
    July 9, 2024 at 2:14 am #336523
    Dirk
    Participant

    Hi Minal,

    Can I also change the hamburger menu colour in the Header Top?

    Thank you

    July 9, 2024 at 3:53 am #336524
    minal
    Keymaster

    Hello Dirk,

    Here is the CSS for changing the color of hamburger

    .menu-toggle {

  color: #fff;

}

    Sincerely,

    Minal

     

    July 9, 2024 at 10:13 am #336528
    Dirk
    Participant

    Wonderful. Thank you so much Minal!!

    Best,
    Dirk

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.