Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 27, 2015 at 2:54 pm #479090
    maryhellensegatta

    Hi, I re-post a request of a little help with css because i’did mistankely close a topic that was not resolved (Yigit, responded to me),
    This is what i did and what i want to achieve:
    WHAT I DID
    I created a row grid inside a color section, i grabbed 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).
    I m going to put this widget in (almost) every page.

    THE PROBLEM
    A 50px gap on the left: i tried with margin and padding and also position raw grid -50px on the left. But the result were that gap shifted to the right and columns do not expand in the available space.
    Here is screenshot with problem explained: problem-screenshot.png
    Here is the page with gap to fix:
    /corsi/in-promozione

    This is result i want to achieve
    (It should be no gap on the left and right edge, equal gutter between columns and with equal size):
    /corsi
    (screenshot with result desired: result-screenshot.png)
    Can you help me please?
    Thanks

    July 28, 2015 at 10:56 pm #479937
    maryhellensegatta

    50 px left gap depends on width of the content element of the raw grid (color section): in the example that works, raw grid is not in a color section; in the other with the left gap raw grid and its columns are in the color section (and entire block is in a custom widget area. Is there a way to get rid of the gap and have no left or right edge and columns equally sized as in the result screenshot?

    July 29, 2015 at 2:55 pm #480257
    maryhellensegatta

    URGENT. To get rid of the left gap, to keep proportions of the columns and to make display the promotional block in every page at once, i came up with this solution: put the html code directly in the related file template. The html code should be in the main div to work fine, now here is my 3 questions:
    1) is this template-builder.php the file template in which put the html code (i used advanced template editor)?

    2) Where i have to put the html code in the template file?

    3) how can add this template file in my child theme?

    Thanks.
    P:S: Without this issue fixed i can’t complete the website and my deadline is tomorrow.

    July 29, 2015 at 2:56 pm #480259
    Yigit

    Hi!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and then give your element a custom class and then add following code to Quick CSS

    .your-custom-class .flex_cell {
    padding-left: 0!important;
}

    Regards,
    Yigit

    July 29, 2015 at 4:49 pm #480346
    maryhellensegatta

    Ygit, i fixed: it was container’s padding left and right (i inserted html code in a custom widget and put this in a color section).
    You can mark this topic as resolved.
    Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom widget area left gap’ is closed to new replies.