Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 27, 2015 at 7:19 pm #525757
    bakbek

    Hi, I wanted to know if I can somehow add spacing to the left and right of these icons – http://screencast.com/t/uSEbweOG4m – so they will smaller in size and won’t stretch the fullwidth of the page? I’m using 5 columns inside a color section and if I could add one more column to the left and right it would probably help me get to where I want.

    Also, how can I change the hover effect on the icons so it will simply make them bigger instead of showing the link hover effect?

    Thanks.

    October 29, 2015 at 11:37 am #526657
    bakbek

    Hi, still waiting on this? Can this be done? Can I add using CSS code 7 columns instead of the max number of 5 that I can do with the layout builder?

    October 29, 2015 at 3:19 pm #526837
    Yigit

    Hey!

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ( if already enabled, please skip this step) and edit your elements to give them a custom CSS class and then add following code to Quick CSS 

    .your-custom-class img { padding: 20px; }

    Regards,
    Yigit

    October 29, 2015 at 4:11 pm #526920
    bakbek

    I enabled the custom CSS for the ALB elements and gave them the name – tdicon – added the code to the CSS but it doesn’t look like anything changed.

    October 29, 2015 at 4:19 pm #526927
    Yigit

    Hi!

    No, code is currently being applied and it is fine. Please adjust the value. 40px might look better.

    Best regards,
    Yigit

    October 29, 2015 at 4:53 pm #526968
    bakbek

    Yes, I see what it does now but that is still keeping the icons taking the full width of the page and I want all 5 icons to be centered like you see in this mockup I made – http://screencast.com/t/ggYFoANf – can this be done somehow?

    October 29, 2015 at 4:56 pm #526973
    Yigit

    Hey!

    Now i got the changes you would like to make. Please add following code to Quick CSS and adjust max-width as needed

    .home .flex_column_table.av-equal-height-column-flextable {
    max-width: 70%;
    margin: auto;
}

    Cheers!
    Yigit

    October 29, 2015 at 5:01 pm #526981
    bakbek

    Yigit, you are the best :)

    How can I top align the text below the icons so the all the icons will be in the same line – http://screencast.com/t/Hh4iP315W And also how can I remove the underline when I hover over the text and so it will only take effect on this page?

    Thanks.

    November 2, 2015 at 12:56 pm #528384
    Yigit

    Hi!

    Replied you here – https://kriesi.at/support/topic/how-to-align-text-to-the-top/#post-528383

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to add spacing to a specific section on a page’ is closed to new replies.