Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 26, 2016 at 2:39 am #677884
    thecszone

    Hi,
    I have a two items I need help with.
    1. I created a bread crumb shortcut [bread_crumb] per the tutorial and it works fine, but now I need to style it, but don’t know what to add to my custom css to do so. You can see the breadcrumbs on the page for the URL below. I want to remove the white background and the border, center it, and move closer to the text above. I have included a link to a screen shot with notes, too. I will need to know how to style this on mobile as well if it doesn’t resize. Note – it’s hard to see the white space on the image, but it’s clear when viewing the page.

    2. On the same page I am using a partner/logo element. I have figured out how to put more space vertically between the rows, but I want to put more space between the photos horizontally as well. I used this custom css to change the space between the rows.

    #top .avia-logo-grid .slide-entry-wrap {
    margin-bottom: 20px!important;
    }

    August 29, 2016 at 7:51 pm #679105
    Yigit

    Hey thecszone,

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

    #top .avia-logo-element-container .slide-entry.av_one_fifth:nth-child(1) {
    margin-left: 0;
}
#top .avia-logo-element-container .slide-entry.av_one_fifth {
    margin-left: 5px;
    width: 19.6%;
}
.title_container {
    background: transparent;
}
.title_container .breadcrumb {
    top: 75%;
    width: 100%;
}

    Best regards,
    Yigit

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