Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 31, 2017 at 12:30 am #846028
    thecszone

    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.

    August 31, 2017 at 7:53 am #846107
    Jordan Shannon

    Hey thecszone,

    Are you talking about the book section on top?

    Best regards,
    Jordan Shannon

    August 31, 2017 at 1:27 pm #846229
    thecszone

    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, 2 months ago by thecszone.
    August 31, 2017 at 1:39 pm #846234
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    August 31, 2017 at 4:13 pm #846333
    thecszone

    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.

    August 31, 2017 at 4:29 pm #846353
    Jordan Shannon

    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

    August 31, 2017 at 4:57 pm #846392
    thecszone

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

    August 31, 2017 at 5:30 pm #846413
    Jordan Shannon

    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

    September 1, 2017 at 12:59 am #846569
    thecszone

    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?

    September 1, 2017 at 5:14 pm #846923
    Jordan Shannon

    Hi,

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

    Turn on Custom CSS Class field for all ALB Elements

    Best regards,
    Jordan Shannon

    September 2, 2017 at 12:25 am #847027
    thecszone

    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, 2 months ago by thecszone.
    September 2, 2017 at 2:36 pm #847177
    Rikard

    Hi,

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

    Best regards,
    Rikard

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