Hi,

I’ve managed to resolve this.

Rather than hitting it with the blunt hammer of:

#pricing_page * {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

I’m being more selective and using the following to just remove the padding and margin from the .container. This means that I don’t strip the paddign from everything else and I’ve now got the correct padding in the tabs.

#pricing_page .container {padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important;}

That is perfect, thank you.

Any idea why a fixed px amount doesn’t work but a % does?

Either way, that worked and has fixed the issue. Thank you.

Hi,

here it is: http://enamay.digitalessence.net/

Hi Vinay,

not sure why that didn’t work.

Here’s the image on imgur

Yigit,

1) OMG I didn’t know about that custom class code. That is so going to make my life easier. Up until now I have always dropped everything into a colour section then had to use css to hide borders and make it look “normal”. This is so going to speed my development up.

Big smiles!

2) Thank you that has fixed the hr issue.

3) I store all my snippets on my Gist account: https://gist.github.com/DigitalEssence if anyone else finds anything useful there.

Hi Yigit,

I’ve added that code and refreshed but no change.

Doh.

I knew that ;-)

Thank you.

Hi Vinay,

I used the following CSS to give .inner-container a max width of 1030px and auto padding/margin. This has limited the width and centered everything just right.

Thanks.

.inner-container {max-width: 1030px; margin:auto; padding:auto;}

.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

Thanks for that.

I’ve added that code and the menu centers nicely but as soon as I bring the width of the browser down it moves too far to the right.

I’m using this:

#header .logo {padding:38px 0 0 20%;}

to bring the logo in from the left hand edge of the site as I want a stretched layout but the header and content to be centered with a specific width and this is the only way I can see to do it.

Unless I’m being daft and missing something which is more than likely.

Hi Andy,

I’m trying to align the menu left at point 1. Center at point 2 and right at point 3.

I’m using a stretched layout with a 1030px wide content and my header logo is shifted right by 30 odd pixels using CSS.

View post on imgur.com

Hope this helps and thank you as always.

I’ve updated to 3.4.1 but the issue is still present.

And for some reason I didn’t add your account. But this has now been done.

Hi,

sorry for the delay. the site is at: http://letterpart.digitalessence.net/ and htaccess info is in the secret squirrel bit below

Hi Yigit,

thanks for that. I’d forgotten how to do that.

One question though. We’d like to move the widget to above the social icons. So it would sit below the menu and above the icons. Is this possible?

Screenshot of what I mean http://screencast.com/t/ZtkeDILstvC7

URL of site: http://146.185.19.61/~afeechan/

Hi Rikard.

have a look at this video: http://screencast.com/t/FLjzqc9Nm