[Sakin]

@Matthew: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#sidebar-header-top { padding-top: 10px; }

[Matthew]

Hi Sakin,

That is a huge help, thank you. I am also struggling with the padding for pages. I am currently trying to trouble shoot how to reduce the top padding in my ‘pages’. The reason I would like to decrease the space is because the text in my ‘pages’ do not align with the text in my txt widgets. Am I able to add custom css to resolve this problem?

Cheers,

Matthew

[Matthew]

Apologies, here is the link: http://www.urbandrum.co.uk/drmargrau/home/

[Sakin]

@Matthew: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.page #content .type-page { padding-top: 10px; }

[Matthew]

Problem solved, thank you Sakin. I have one last padding question: How can I get rid of the very minor padding/white space that surrounds the left hand portion of my header image? There is a very minor amount of gloss/white space between my text widget and the header. Any advice?

http://www.urbandrum.co.uk/drmargrau/home/

[Sakin]

@Matthew: That is border not the padding. You can remove the border top by adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#secondary .widget { border-top: 0; }

I see that you have customize your site a lot so I recommend you to disable the responsive design in your site form “Appearance => Theme Options => Responsive Design”

[Matthew]

Hi Sakin,

Thank you for the helpful advice. There is one last edit I would like to make before I publish the site: is it possible to have the length/height of the main sidebar widget vary between pages? Ideally I would like the length/height of the orange text widget to be aligned with the content in the body of the webpage. For instance, am I able to make the text widget on the homepage a different length/height as the one on the about page?

http://www.urbandrum.co.uk/drmargrau/home/

http://www.urbandrum.co.uk/drmargrau/about-me/

Many thanks,

Matthew

[Sakin]

@Matthew: That is not possible. Bu you can do a little trick my changing the background color of wrapper. Try adding in the following CSS in “Appearance => Theme Options => custom CSS” box.

#main .wrapper { background-color: #F99E47; margin-bottom: 20px; }
#secondary .widget { border: none; }
.page #content .type-page { margin-bottom: 0; }

[Author]

Posts