Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1168107


    I’m using the breadcrumbs shortcode, seen here: https://kriesi.at/documentation/enfold/breadcrumbs/#insert-breadcrumbs-as-shortcodes with a transparent header.

    How do I style it in white without the border and the background?

    I tried using the following css but it’s not working:

    .breadcrumb.breadcrumbs.avia-breadcrumbs {
    color: #ffffff !important!;
    border: 0px !important!;

    Thank you,



    Please add following code to Quick CSS

    .page-id-3119 pre {
        border: none;
    .page-id-3119 .breadcrumb.breadcrumbs.avia-breadcrumbs * {
        color: white;



    Hi Eve,

    The border is due to the pre and code tag.
    Go to the textblock, set it to Text (from Visual) remove any < pre > < code > < /code > < /pre >
    Then to make the text’s color to white, go to Enfold > General Styling > Quick CSS and add this css code:

    #top .avia_textblock .breadcrumb.breadcrumbs.avia-breadcrumbs span, #top .avia_textblock .breadcrumb.breadcrumbs.avia-breadcrumbs a {
        color: white;

    Best regards,


    Thank you to both of you. I didn’t even see that there were some additional code next to the shortcode. Now, it’s all fine. :)



    Glad we could help Eve! Let us know if you have any other questions or issues and enjoy your holidays! :)

    Best regards,

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Breadcrumb shortcode styling’ is closed to new replies.