![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
March 21, 2018 at 1:55 pm #930580
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
AngusMarch 21, 2018 at 6:01 pm #930717Hey 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,
VinayMarch 21, 2018 at 7:49 pm #930805Sorry – try this one test.supersportsuae.com!
March 21, 2018 at 8:57 pm #930842Hi,
I’m not seeing the grey background. Only blue:
Best regards,
Jordan ShannonMarch 22, 2018 at 4:54 am #931016There 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 #931155Hi 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,
VictoriaMarch 22, 2018 at 12:45 pm #931216Thanks, 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 #931376Hi,
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,
VinayMarch 23, 2018 at 6:57 am #931785Thanks 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 #931838OK, 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 #931930Hi 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,
VictoriaMarch 23, 2018 at 1:33 pm #931963Great, 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 #931997Sorry, should it should read “the breadcrumbs end up on 2 lines”
March 23, 2018 at 4:48 pm #932018Hi,
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 ShannonFebruary 14, 2019 at 4:18 pm #1067022Sorry I empty the cache and now I see the code was working!
-
This reply was modified 5 years, 6 months ago by
jannnnnneke.
February 14, 2019 at 4:20 pm #1067023x
-
This reply was modified 5 years, 6 months ago by
jannnnnneke.
February 14, 2019 at 9:23 pm #1067145Hey jannnnnneke,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
This reply was modified 5 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.