Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 4, 2017 at 7:34 am #742682
    fblittle

    How can I change the height of the Title Bar? I can find where to turn it off and whether to turn on the breadcrumbs, but no title Bar height. Is it possible to change the height (thickness)?

    • This topic was modified 7 years, 9 months ago by fblittle.
    February 4, 2017 at 10:59 am #742756
    Nikko

    Hey Fred,

    You can turn it on or off in Enfold > Header > Header Layout > Header Title and Breadcrumbs or if you want it specific you can do it in pages found in the sidebar near the bottom Title Bar Settings. I’m not really sure what you meant by the title bar height or the thickness, can you post a screenshot and upload it on http://imgur.com/ and post the link here so we can identify properly what you want to change.

    Best regards,
    Nikko

    February 10, 2017 at 10:31 am #745305
    fblittle

    Nikko:

    Yes, I can turn it off or turn the breadcrumbs off, but I cannot change the height. You can see it directly on my website: http://biblesymbol.com/symbols-in-the-bible/
    or any other page on the site. The title bar is too thick for what I want. The Title Bar is Black with White Text, just under the Header, and is about as thick as the Header.

    Regards,
    Fred Littlefield

    February 12, 2017 at 7:42 am #745873
    Rikard

    Hi Fred,

    These are the default settings for the title bar container:

    .title_container .container {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 56px;
}

    Please try adding it to Quick CSS and edit the values to your liking.

    Best regards,
    Rikard

    February 21, 2017 at 3:47 am #749699
    fblittle

    Rikard,

    I added your code to: Dashboard>Appearance>Customize>Additional CSS

    Contents of Custom CSS below
    /*
    You can add your own CSS here.

    Click the help icon above to learn more.
    */

    /*Add your own styles here:*/
    .title_container .container {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 20px;
    }

    That did not affect anything so I added it to my Child Theme Stylesheet
    Dashboard>Appearance>Editor>Enfold Child>Styles Stylesheet (style.css)
    That did not affect it either.

    I could not find the section called “Quick CSS” It seems like I have seen it before, but now I cannot find it.
    Sorry, I’m just an armature trying to make a nice website, Thanks for your help.

    February 21, 2017 at 9:16 am #749832
    Rikard

    Hi,

    Thanks for the feedback, please try this instead:

    .title_container .container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  min-height: 20px !important;
}

    You can find the Quick CSS box under Enfold->General Styling. After you add the code then please make sure to reload the page or open it in an incognito window in order to see the changes.

    Best regards,
    Rikard

    September 24, 2017 at 2:57 pm #856045
    newmediologo

    HI Rikard, I’ve increased the height of the Title Bar, how to vertical center the Page Title..?

    Thank You Very Much for Your Help..:)

    September 24, 2017 at 5:50 pm #856138
    Victoria

    Hi newmediologo,

    Please do not duplicate the requests. I replied to you in a different thread.

    Best regards,
    Victoria

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