Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 21, 2018 at 1:55 pm #930580
    SuperSportsUAE

    Hi,

    I’ve had a look through the forum but can’t find anything on this – there’s a lot of posts on breadcrumbs!

    I was looking at using Yoast breadcrumbs and then found the switch to use the Enfold ones – any advantage with either one or the other?

    The issue I have with the Enfold ones, is the grey background stripe across the screen, that doesn’t really fit with our pages – see here http://www.supersportsuae.com

    Can I remove this stripe of grey, or change it to white?

    Thank you
    Angus

    March 21, 2018 at 6:01 pm #930717
    Vinay

    Hey SuperSportsUAE,

    Did you manage to remove the grey background? I cannot see anything that matches the description of the issue on the link which you have provided.

    Please feel free to get back to us if you have any questions.

    Best regards,
    Vinay

    March 21, 2018 at 7:49 pm #930805
    SuperSportsUAE

    Sorry – try this one test.supersportsuae.com!

    March 21, 2018 at 8:57 pm #930842
    Jordan Shannon

    Hi,

    I’m not seeing the grey background. Only blue:

    https://snag.gy/GRLrFw.jpg

    Best regards,
    Jordan Shannon

    March 22, 2018 at 4:54 am #931016
    SuperSportsUAE

    There is a huge grey stripe across the screen forming the background to the breadcrumbs, it is not blue!

    Blue is the colour in our logo, and the top edge of the calendar seen at the bottom right of the image.

    Either way, how do I change that colour?

    Thanks

    March 22, 2018 at 11:31 am #931155
    Victoria

    Hi SuperSportsUAE,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.container_wrap.dark_bg_color.title_container {
  background-color: #ccc;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 22, 2018 at 12:45 pm #931216
    SuperSportsUAE

    Thanks, I’ve got the background set to white #ffffff, but how can I change the font colour?

    I tried this

    .container_wrap.dark_bg_color.title_container {
    background-color: #ffffff;
    font-color: #011689;

    }

    and

    .container_wrap.dark_bg_color.title_container {
    background-color: #ffffff;
    font: #011689;

    }

    but it made no difference.

    Thanks

    March 22, 2018 at 3:24 pm #931376
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    /* Title color */
#top .alternate_color.title_container .main-title a { color: black; }

/* Breadcrumb link color */
.breadcrumb-trail * { color: gold!important; }

    Best regards,
    Vinay

    March 23, 2018 at 6:57 am #931785
    SuperSportsUAE

    Thanks for that, it appears to be working.

    Is it possible to change the depth of the breadcrumb section? Or include within the menu section of the header?

    At the moment it’s far too deep, too thick a strip across the screen. It’d fit much better as a pinstripe with the breadcrumbs within it.

    I’m also trying to centre our logo vertically within the menu bar – is this possible?

    I appreciate it seems unrelated but I’ve been playing with the logo size so it doesn’t come into the header section that includes the breadcrumbs.

    Thanks

    March 23, 2018 at 9:43 am #931838
    SuperSportsUAE

    OK, worked out how to play with the CSS and change the depth of the breadcrumb container.

    Still like some advice on the other sections though :-)

    Thanks

    March 23, 2018 at 11:43 am #931930
    Victoria

    Hi SuperSportsUAE,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.logo a {
   padding-top: 2px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 23, 2018 at 1:33 pm #931963
    SuperSportsUAE

    Great, thanks.

    Next question, with certain screen sizes the breadcrumbs end up with 2 sizes, and the logo moves around, so that it is not vertically centred.

    How can I get around this? Presumably by editing the mobile-only section of the CSS?

    Or should breadcrumbs be removed from the mobile section? It’s just with the menu being replaced by the burger menu, I can see the breadcrumbs being really useful on a mobile.

    Thanks

    March 23, 2018 at 3:32 pm #931997
    SuperSportsUAE

    Sorry, should it should read “the breadcrumbs end up on 2 lines”

    March 23, 2018 at 4:48 pm #932018
    Jordan Shannon

    Hi,

    The better option may be to just remove them on mobile. Going on 2 lines is proper responsiveness, so if you don’t like it we can just hide it for you.

    Best regards,
    Jordan Shannon

    February 14, 2019 at 4:18 pm #1067022
    jannnnnneke

    Sorry I empty the cache and now I see the code was working!

    • This reply was modified 5 years, 5 months ago by jannnnnneke.
    February 14, 2019 at 4:20 pm #1067023
    jannnnnneke

    x

    • This reply was modified 5 years, 5 months ago by jannnnnneke.
    February 14, 2019 at 9:23 pm #1067145
    Jordan Shannon

    Hey jannnnnneke,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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