Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #789245

    Hello,

    I have enabled page titles in my header settings. However, on each page, below the page title there is a large amount of blank white space that I would like to close up. Can you please advise what selector I need to modify to close up that space. I enclosed a link below.

    Also, how can I eliminate the background color on the page titles? I don’t want to eliminate all alternate background colors, only the one in use on page titles.

    Last question, how can I change the color of the page title h1? I tried using custom CSS with an !important tag but I’m not sure i picked the right one.
    Thanks!

    • This topic was modified 2 years ago by  tonyska.
    #789252

    Hey tonyska,
    Try this code in the General Styling > Quick CSS field:

    
    /* less white space */
    .template-page.content {
        padding-top: 0px!important; 
        padding-bottom: 0px!important; 
    }
    /* background color on the page titles */
    .container_wrap.alternate_color.light_bg_color.title_container {
    background-color: transparent!important; 
    }
    
    /* change the color of the page title */
    .main-title.entry-title  a {
    color: #00833d !important; 
    }

    Best regards,
    Mike

    #789274

    Hi Mike,

    Thanks for the fast response! The padding solution didn’t work quite the way I needed to, it removed padding from a lot of things, including widgets on my front page, which I want to keep the padding intact on…:)

    Is there a way to adjust the padding on only the page title area? Thanks!

    Also, for some reason, the page title is an H1 tag but it’s not reflecting the styles I have for H1 tags. I have H1s set to bold, but it stayed unbold. I had to adjust its font-weight in the CSS to get it to appear as bold. I thought it would pick up the default font weight for H1, but it didn’t. Does that have to do with my CSS hierarchy, or that it’s a link? Thanks again!

    #789314

    Hi,

    Please try this instead:

    #top .title_container .container {
        padding-bottom: 0 !important;
    }

    Most of the padding is coming from the main content container though, do you want to remove it on that page only? If so please try this:

    .page-id-721 .av-content-full {
      padding-top:10px !important;
    }

    Best regards,
    Rikard

    #789662

    Thanks Rikard, it ended up I couldn’t close that space so I removed the page titles via the Header section and just added an H1 into the text box. Same difference…:)

    Thanks again for fast responses!

    #789676

    Hi tonyska,

    We’re glad you were able to sort it out. :D

    Do you need additional assistance, or can we close this thread?

    Cheers!
    Sarah

    #789683

    We can close it. thank you!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Formatting Page Titles set by Enfold’ is closed to new replies.