Padding not working... can't figure out why and some background tips - Support

Tagged: background, Coding, CSS, padding, styling

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

Author

Posts
February 18, 2014 at 9:24 am #225379

wsmith187
Participant

hi,

I’ve got this code in the quick css

.content {
margin: 50px;
padding: 25px;
background: #f2f2f2;
}

however there is no padding on the left hand side of this page’s content http://www.hawaii4aussies.com.au/holiday/singles/food/

Also, I’m very new to coding (actually have never done it before) and am wondering what I’ll need to do to make the content background box (not the background image) behind the text a little more styled than just a rectangular box e.g. rounded edges and more colours/images, sort of like this page http://www.gohawaii.com/au/

thanks in advance

February 18, 2014 at 2:40 pm #225493
Ismael
Moderator
Hi wsmith187!

Please add this on Quick CSS:
```
#top #main .avia-section .template-page {
padding-left: 25px;
}
```
Please post a screenshot of what you’re trying to do. You can use imgur or dropbox.

Best regards,
Ismael
February 19, 2014 at 2:51 am #225908

wsmith187
Participant

Thanks Ismael that fixed the left handside padding – awesome.

Any advice for the second question?

Cheers

February 19, 2014 at 2:57 am #225911

wsmith187
Participant

Looking to do something like this background (not the image behind the background) https://www.dropbox.com/s/qcg54jefskgbesq/background%20behind%20content.png

There is a leaf hanging out the side of the background, and also a flower at the bottom of the box.

Also how would I get rounded edges?

Thanks again

February 19, 2014 at 2:59 am #225912

wsmith187
Participant

I can’t get the image to work, but their website is here http://www.gohawaii.com/au/

February 19, 2014 at 3:07 pm #226198

Yigit
Keymaster

Hi!

You are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.

Cheers!
Yigit
Author

Posts