Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1364406
    kenyamawusi99
    Participant

    Hi

    I have the Page Title bar enabled, the bar is light grey with black text and a large font. I would like to change this to a smaller font size and get rid of the bar background, or just make it white.
    How would I go about changing this please as there is nothing in the knowledge base that mentions this bar. Also is there any documentation that lists all of the available elements and what they can do?

    Thanks in Advance

    Kenya

    #1364411
    kenyamawusi99
    Participant
    This reply has been marked as private.
    #1364547
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    We’re unable to see your setup. It shows a blank page with sections. See attached!

    http://prntscr.com/e6lzgs

    Would you mind elaborating it with a Screenshot so we can provide you a tailored answer?

    Thanks for understanding!

    #1364578
    kenyamawusi99
    Participant
    This reply has been marked as private.
    #1364761
    Jade
    Moderator

    Hi Kenya,

    Please try this code in the customizer:

    .page h1.h-landmark.entry-title {
        font-size: 20px;
    }
    
    .page .x-header-landmark {
        background-color: #fff;
        width: 100%;
        max-width: 100%;
        padding-left: 6%;
    }

    Hope this helps.

    #1364791
    kenyamawusi99
    Participant

    This helped! Thank you!

    One last thing: The top padding of the side bar got cut off, how can I fix that or move the side bar up? Also, how can I make the side bar section thinner?

    Thank you!

    #1365380
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please add this on your custom CSS.

    .x-container>.offset {margin-top: 0;}
    .x-header-landmark+.x-container>.offset>.x-sidebar {
    	margin-top: 0;
    	padding-top: 35px;
    }

    Also add a class mtn on the custom headline (REVIEW OF MEN’S AND WOMEN’S BASKETBALL SPORTS PROGRAMS) to get rid of its top margin.

    You can adjust the sidebar width, but you can increase the main Content Width instead under Customizer > Layout and Design

    Hope it helps, Cheers!

    #1365411
    kenyamawusi99
    Participant

    It did, thank you!!

    #1365448
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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