Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 7, 2017 at 11:56 pm #789245
    tonyska

    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 7 years, 6 months ago by tonyska.
    May 8, 2017 at 12:52 am #789252
    Mike

    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

    May 8, 2017 at 3:22 am #789274
    tonyska

    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!

    May 8, 2017 at 5:33 am #789314
    Rikard

    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

    May 8, 2017 at 3:38 pm #789662
    tonyska

    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!

    May 8, 2017 at 3:51 pm #789676
    Sarah

    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

    May 8, 2017 at 4:04 pm #789683
    tonyska

    We can close it. thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Formatting Page Titles set by Enfold’ is closed to new replies.