Remove Padding from 2 column layout - Support | Kriesi.at

Viewing 18 posts - 1 through 18 (of 18 total)

Author

Posts
June 24, 2014 at 5:39 pm #283146

SamScrimshaw
Participant

Hi,

As you can see from my website I am going for a 2 column layout, with each section housed in a ‘Colour Section’.

It looks good, but I am wanting to remove all padding around the images to get it to look like this: http://i61.tinypic.com/szyg40.png

Is this possible? Thank you

June 24, 2014 at 5:40 pm #283147

SamScrimshaw
Participant

This reply has been marked as private.

June 24, 2014 at 5:43 pm #283150
Yigit
Keymaster
Hey SamScrimshaw!

~~Can you point out the elements on your website? I looked around but could not find 2 column layout~~
Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.avia-section .container { width: 100% }
```
Best regards,
Yigit
- This reply was modified 10 years, 4 months ago by Yigit.
June 24, 2014 at 5:53 pm #283158

SamScrimshaw
Participant

Thanks for the quick response!

It’s nearly worked, just needs the top and bottom padding removing.

Also, is it possible to make the text align to the centre of the image rather than adding white space?

Thanks again

June 24, 2014 at 8:25 pm #283216
Yigit
Keymaster
Hi!

Please add following code to Quick CSS as well
```
.avia-section .content {
padding: 0;
}
```
It will remove top and bottom padding. Can you post a screenshot and show how you would like text to look?

Best regards,
Yigit
June 25, 2014 at 11:53 am #283523

SamScrimshaw
Participant

This reply has been marked as private.

June 25, 2014 at 2:25 pm #283601
Yigit
Keymaster
Hey!

Please firstly turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
then refer to Josue’s post here and give a custom class to text elements – https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697
then add following code to Quick CSS
```
.avia-section .av_one_half.custom_class { margin-left: 0!important; width: 48%!important; }
.avia-section .av_one_half { margin-left: 0!important; width: 52%!important; }
```
Cheers!
Yigit
June 25, 2014 at 3:48 pm #283631

SamScrimshaw
Participant

This reply has been marked as private.

June 25, 2014 at 4:32 pm #283640

Yigit
Keymaster

Hey!

Do you mind creating a temporary admin login and posting it here privately?

Regards,
Yigit

June 25, 2014 at 4:35 pm #283646

SamScrimshaw
Participant

This reply has been marked as private.

June 25, 2014 at 4:39 pm #283651

Yigit
Keymaster

Hey!

Can you switch user role to administrator? I cannot make changes :)

Best regards,
Yigit

June 25, 2014 at 4:40 pm #283652

SamScrimshaw
Participant

Done!

Sorry about that

June 25, 2014 at 5:13 pm #283672

Yigit
Keymaster

Hi!

Please review your website. You forgot to add the code Josue posted here – https://kriesi.at/support/topic/how-to-trigger-specific-elements/#post-268697
and added custom CSS code to custom CSS field instead of custom class
It seems to be working fine now. Please apply the changes to your other pages

Regards,
Yigit

June 26, 2014 at 11:21 am #283993

SamScrimshaw
Participant

This reply has been marked as private.

June 26, 2014 at 4:08 pm #284135
Yigit
Keymaster
Hi!

Please add following code to Quick CSS
```
.custom_elements { padding: 50px; }
```
and adjust as needed

Regards,
Yigit
June 26, 2014 at 4:17 pm #284142

SamScrimshaw
Participant

Hi Yigit,

Thanks for your help so far on this. I’m getting there.

Didn’t appear to change the padding on the top of text elements, only the bottom?

Thank you

June 26, 2014 at 4:23 pm #284146

SamScrimshaw
Participant

This reply has been marked as private.

June 27, 2014 at 1:08 pm #284517

SamScrimshaw
Participant

Please close this ticket – Thank you
Author

Posts

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Remove Padding from 2 column layout’ is closed to new replies.