Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #477406

    Hi, I create a row grid inside a color section, i grab the code, edit it a little and i put this in a new custom widget area. Finally
    i insert.it via widget area content element in a page (with advanced layout builder), but it needs 1 css tweak (a gap on the left).
    I try but i do not figure out what css rules i have to change. Can you help me please?

    Thanks

    • This topic was modified 9 years, 3 months ago by Josue.
    #477408

    Please make private previous post. Thanks

    #477624

    The gap of 50px affect columns width and consequently image size within column and with of the text box. I’ve tried to give negative left margin (-50px) to parent container of flex cell and the result is that first column get aligned with the left edge but content in the columns do not take all the space available (as in the screenshot of the correct result: http://www.arcobaleno96.org/result-screenshot.png), Thanks for your help.

    #477648

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-4043 .flex_cell {
        padding-left: 0!important;
    }

    Regards,
    Yigit

    #477671

    Thanks a lot! But now the 50px gap is on the right,
    as shown in this screenshot:
    http://www.arcobaleno96.org/right-gap-screenshot.png
    instead it should be like in this screenshot:
    http://www.arcobaleno96.org/result-screenshot.png
    It should be no gap on the left and right edge, equal gutter between columns and with equal size,
    i do not understand what are css rules to change and why the correct result instead displays fine:
    http://www.arcobaleno96.org/new/corsi

    Please reopen replies.

    Thanks for your patience.

    • This reply was modified 9 years, 3 months ago by maryhellensegatta. Reason: Add new details
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘custom widget area css tweak’ is closed to new replies.