Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 20, 2019 at 12:58 pm #1168107
    Eve

    Hello,

    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,

    December 20, 2019 at 3:17 pm #1168154
    Yigit

    Hey,

    Please add following code to Quick CSS 

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

    Regards,
    Yigit

    December 20, 2019 at 3:19 pm #1168155
    Nikko

    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,
    Nikko

    December 20, 2019 at 3:45 pm #1168168
    Eve

    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. :)

    December 20, 2019 at 3:50 pm #1168175
    Yigit

    Hi,

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

    Best regards,
    Yigit

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