Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #846028

    Hi,
    In a color section on my home page, I have two 1/2 layout elements with images in each element. Since the color section is full width, the two images have a large gap between them. I want to narrow the space between them. I tried doing it with custom CSS, but nothing made them move. Can you help me narrow this space?

    I have the URL for a screenshot below of the images I want to move. I have named the one on the left fmimage and the one on the right ksimage for any custom css needed.

    #846107

    Hey thecszone,

    Are you talking about the book section on top?

    Best regards,
    Jordan Shannon

    #846229

    Yes. The books at the top. I gave you a screenshot that shows the area I want to adjust. Can you see the screenshot?

    • This reply was modified 7 years, 3 months ago by thecszone.
    #846234

    Hi,

    Would you be able to adjust that page a bit by grouping those columns within a div or row.

    Best regards,
    Jordan Shannon

    #846333

    Thanks so much for responding. I can’t put a grid row in a color section and I need the images to be in the color section. Also, I don’t know how to create a div. That’s why I’m asking for help.

    #846353

    Hi,

    Okay, the issue is that the 2 columns are currently at 50%, an alternative would be to add 4 columns in that section columns and then place the book images in that section.
    Best regards,
    Jordan Shannon

    #846392

    Actually I figured it out using this code.
    div .av_one_half {
    margin-right: -18% !important;
    width: 48% !important;
    padding-left: 21%;
    }

    #846413

    Hi,

    Great! I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

    #846569

    Actually this isn’t working as the css changes all div .av_one_half on the site. I tried putting in the 4 columns but this makes the images smaller and I want them full size. Is there another way I can accomplish this? You mentioned adding a custom div. I understand Divs, but I don’t know how to add one in Enfold. Can you tell me how to do that?

    #846923

    Hi,

    You add a custom class or id name to the color section then we can just target that area:

    Best regards,
    Jordan Shannon

    #847027

    Okay I had a custom css field already assigned called intro. So this is the code I used, but it doesn’t work –
    .intro div .av_one_half {
    margin-right: -18% !important;
    width: 48% !important;
    padding-left: 22%;
    }
    UPDATE:
    I got it to work using –
    .home #intro div .av_one_half {
    margin-right: -18% !important;
    width: 48% !important;
    padding-left: 22%;
    }
    I don’t know if I find other errors again or not, but for now I think it is working.

    • This reply was modified 7 years, 3 months ago by thecszone.
    #847177

    Hi,

    Great, glad you got it working and thanks for letting us know.

    Best regards,
    Rikard

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