[Matthew]

Thanks Sakin, I have ahead and disabled the responsive design and been more dilligent with the closing brackets. I have also run the custom css through the CSS lint program to check for errors. I used to have 4, now I have zero. The only problem is that the site does not properly format in Internet explorer 7 and 8. Is this due to something in the below css? Any insights would be greatly appreciated.

@media screen and (min-width: 961px) {
.home #main { padding-top: 0px; }
.home .hentry { padding-bottom: 0px; }
}
.widget {
background-color: #f99e47;
color: #ffcc00;
}
#branding ul.menu {
text-align: center;
}
#branding ul.menu li {
display: inline-block;
float: none;
}
#branding ul.menu {background-color: #f99e47;}
#branding ul.menu { font-size: 20px;}

#branding ul.menu a {
font-weight: bold;
}
#branding ul.menu li {
border-right: 1px solid #f99e47;
}#branding ul.menu a { padding: 0 70px; }

#sidebar-header-top { padding-top: 0px; }

.entry-header .entry-title { display: none; }

.entry-meta { display: none; }
body {
padding-top: 0;
}

.page #content .type-page { padding-top: 10px; }
.page #content .type-page { padding-bottom: 10px; }

#supplementary {
padding-top: 10px;
}
#secondary .widget { border-top: 0; }

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

.home #main {
padding: 0;
}
.home .entry-header {
margin: 10;
}
.home #content article {
margin: 10;
padding: 10;
}
.home #secondary {
padding-top: 0;
}
.page #main { padding-top: 0; }
.page #main {
display: inline-block;
width: 100%;}

Many thanks,

Matthew

[Matthew]

Thank you Sakin, you are an absolute pro. I have been amazed by the level of help you and these forums provide.

If you can bare another edit, I would be incredibly grateful if you could tell me why Internet Explorer is providing a different format and colour scheme for the website? In the below link you will see that the menu is white and the sidebar text widget has a significantly smaller width. I don’t have any formatting issues in Chrome, Safari or Firefox. Only IE.

http://www.stakeholderforum.org/fileadmin/files/Mar website internet explorer.jpg

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

Cheers,

Matthew

[Matthew]

That is helpful, I would indeed like to keep the format the same both on computers and on mobile devices. One of the problems I am encountering when I disable the responsive design is that the left hand text widget gets moved below the content in the ‘page’. Am I able to fix this by changing the dimensions of my @mediascreen dimensions? They are as follows:

@media screen and (min-width: 900px) {
#primary { width: 626px; }
#secondary { width: 274px; }
}

@media screen and (min-width: 961px) {
.home #main { padding-top: 0px; }
.home .hentry { padding-bottom: 0px; }

Another odd glitch I have noticed is that there is a space between the header and the content of the page and text editor on a desktop version of firefox. Below is a link to the example. I do not have this formatting problem when using chrome or with firefox on laptops.

http://www.stakeholderforum.org/fileadmin/files/screenshot homepage margrau.jpg

Cheers,

Matthew

[Matthew]

I forgot to add the url http://www.drmargrau.co.uk/

[Matthew]

Hi Sakin,

Thank you for the tip. I foolishly forgot to request a notification through email, so I am just seeing this. Your suggestion is a much more efficient way of fixing the problem. I instead made the edit by adjusting the padding in the css. The site is now live! Could not have done it without you.

Very best,

Matthew

[Matthew]

Hi Sakin,

I am having similar problems with the formatting of my header on ipads. My header has an equal width on the desktop version of the site, but when using responsive design for ipads, the width of the header has a smaller width compared to the menu and the combined content of the ´page´ and widget below? Am I able to fix this in the CSS? Any advice would be greatly appreciated.

Many thanks,

Matthew

[Matthew]

Hi Sakin,

You have taught me many things in wordpress. As a follow-up to Megan’s question; How can I reduce the top padding in my ‘posts’?The reason I would like to decrease the space is because the text in my ‘posts’ do not align with the text in my txt widgets. You were able to troubleshoot this problem for my ‘pages’ using the custom css below:

.page #content .type-page { padding-top: 10px; }

I have tried using the below css, but it doesn’t seem to do the same trick. Any thoughts?

.post #content .type-post { padding-top: 10px; }

If it is not possible for posts, could you please tell me how I can assign a page to the site’s landing page? As of right now all of my menu items direct users to ‘pages’, whereas the landing page is configured for a ‘post’.

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

Endless thanks,

Matthew

[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

[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/

[Matthew]

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

[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]

Hi Sakin,

I found the solution for centering the text on another one of your forums. Could you please still advise on how to add padding to the top of the custom menu? Ideally I don’t want the menu to run into the edge of the page.

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

Cheers,

[Matthew]

Hi Sakin,

Your tips are incredibly helpful.Could you please tell me how I can center the text of a custom menu on a catch evolution pro website? I have created a custom menu and assigned it the location of Top Sidebar. Also, how can I add padding to the top part of this menu?

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

[Author]

Posts