Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #677884

    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;
    }

    #679105

    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

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