Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2014 at 11:01 pm #207676
    cally423

    I would like to make my own header on my blog. The page settings seem to be overridden. How can I remove the title (or header?) bar and breadcrumbs from my active blog. Website is scoutcharleston.com/here. Thanks!

    January 10, 2014 at 12:33 am #207702
    Yigit

    Hey cally423!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .blog .title_container { display: none; }

    if you would like to remove it globally, you can simply remove .blog

    Regards,
    Yigit

    January 10, 2014 at 3:04 am #207794
    cally423

    Thank you for the quick response!! That removed the header bar/breadcrumbs successfully. I guess my only question is…can I not customize a header on that page with the Avia layout editor? I’m trying to create a color section (in alternate) with the word Blog. (yes, very similar to what the title bar looked like but my client wants the word “Blog” bigger and in all caps…and no breadcrumbs.

    January 10, 2014 at 6:40 am #207822
    Ismael

    Hi!

    Have you tried using the Special Heading element? Can you please give us a link to the actual page where you’re trying to add the title?

    Best regards,
    Ismael

    January 10, 2014 at 1:23 pm #207990
    cally423

    I just tried using Special Heading element, and nothing showed up. It’s the page I’ve designated as the blog, and only the posts seem to show up. http://scoutcharleston.com/here/blog

    All I want to do is add a bar of my alternate color with text inside. It would look very similar to the default title bar with title and breadcrumbs, but we the text changed a little and no breadcrumbs. If it’s easier to tell me how to edit the default title bar, that may be a better way to go….?

    January 10, 2014 at 1:29 pm #207994
    Yigit

    Hi!

    If you would like to achieve something like this http://i.imgur.com/FkkLWqK.jpg
    you can remove the code i posted previously and add following one instead

    .title_container .breadcrumb { display: none; }
.title_container .main-title { font-size: 30px; }

    Regards,
    Yigit

    January 10, 2014 at 3:14 pm #208035
    cally423

    Yes, that worked! We’re almost there. I also needed to make the text all caps, so I added –

    text-transform: uppercase;

    That worked!

    I also need to make it the “BLOG” text the brown color (instead of white) and center it across the page in the bar. So I tried adding the text align and color CSS (see below), and it didn’t center or change colors. Any idea why?

    .title_container .breadcrumb { display: none; }
    .title_container .main-title { font-size: 30px; text-transform:uppercase; text-align: center; color: #655b58; }

    January 10, 2014 at 9:21 pm #208170
    Yigit

    Hey!

    Please use following code in Quick CSS instead 

    .alternate_color.title_container .main-title { color: #655b58; }
#top .title_container .container { text-align: center; }

    Regards,
    Yigit

    July 13, 2017 at 6:37 am #820350
    sproutstudio

    I tried this to remove the title on my blog posts, but it’s not working. I also am wondering if I can add a custom image that shows up on all the blog pages.

    July 13, 2017 at 12:43 pm #820501
    Rikard

    Hi sproutstudio,

    You are replying to a very old thread, could you start a new thread and try to explain your problems a bit further please? Also include admin login details in private so that we can have a closer look at your installation.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove Blog Title Bar & Breadcrumbs’ is closed to new replies.