Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #193219
    njarciaga
    Participant

    Hi there,

    My website is http://www.joyhealth.ca. I am using theme X ethos.

    I’m hoping you can tell me how to make the font darker on my footer widgets 1(the contact form) and 2 (the text). It is quite hard to read at the moment.

    Also, if you look at the main content section at the very bottom (just before you get into the widgets) there are testimonial widgets as well as an archive widget. Is there anyway to make the text darker for all 3 widgets as well?

    Finally, do you see testimonial/archive widgets at the bottom of the main content area? Is there a way to decease the amount of space above them (between the posts on top) as well as below (between the footer widgets?

    Any help would be greatly appreciated. Thank you kindly.

    Joy

    #193894
    Friech
    Moderator

    Hi Joy,

    Thank you for writing in! To make the font color color on your testimonials section and footer widget please add this under Custom > CSS in the Customizer.

    .widget, .widget h4 {color: #333;}
    .readmore a, .widget ul li a {color: #000;}

    To reduce the top and bottom gap of the testimonial section. Set the content band to remove the margin and the top and bottom padding set to 0. here.

    Hope it helps, Cheers!

    #194340
    njarciaga
    Participant

    Great. Worked perfectly. Thanks for getting back to me.

    One more question, is there a way to make the font BOLD on the footers? More specifically footers 1 and 2?

    Thanks again.

    Joy

    #195018
    Darshana
    Moderator

    Hi there,

    Use the following CSS code to make those fonts bold.

    
    .testimonial-widget {
        font-weight: 600;
    }
    

    Thanks!

    #195416
    njarciaga
    Participant

    Thank you. That worked perfectly.

    Could you also tell me how to make the text bold on footer widgets 1 and 2?

    Thanks in advance.

    Joy

    #195864
    Thai
    Moderator

    Hi Njarciaga,
    Use the following CSS code below to make those fonts bold.

    #text-6 .textwidget,
    #text-9 .textwidget {
    font-weight: bold;
    }

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-193219 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>