Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 7, 2018 at 2:06 pm #938611
    Johann Brand

    Hello dear Kriesi team,

    I accidentally postet several questions in one thread before, so here is one of them separately.
    on the page (Link 3) I’d like to change the breadcrums background color to a lighter grey if possible and align the breadcrums text with the last part of the main menu, in this case the search icon. (IMG 04) (Link 3)

    Thank you very much,
    Thomas

    April 8, 2018 at 9:29 pm #938884
    Mike

    Hey brand4,
    It look like you have the breadcrumb color set in your css with the “!important;” making it hard to overwrite. Please look in your custom css for:

    .title_container .breadcrumb {
  color:#888888!important;
  font-size:13px;
}

    and change the color to what you would like to see.
    But this is not the whole breadcrumb, you also need to add:

    .alternate_color .breadcrumb, .alternate_color .breadcrumb a

    so the complete code would look like this:

    .title_container .breadcrumb,.alternate_color .breadcrumb, .alternate_color .breadcrumb a {
  color:#888888!important;
  font-size:13px;
}

    If you can’t find it in your css you can try this, as I tried to overwrite the previous rule:

    #top #wrap_all #main .title_container .breadcrumb,.alternate_color .breadcrumb, .alternate_color .breadcrumb a {
  color:#e2e2e2!important;
  font-size:13px;
}

    Best regards,
    Mike

    April 8, 2018 at 9:34 pm #938885
    Mike

    Hi,
    Also to move the breadcrumbs over, please try:

    div.breadcrumb.avia-breadcrumbs {
    right: 10%!important; 
}

    feel free to adjust 10% to suit, perhaps 8%

    Best regards,
    Mike

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