IE9 problem
-
Have built a custom front page for a website. http://www.ftreliancenwt.ca
Everything is great except the H1 on the widget in the primary sidebar of Theme 2014. The H1 and the top item in recent postings crash together but only on my custom page and only in IE9. Works fine in all other pages and other two browsers. When I go into developer tools – layout – and add 20px to top padding, it appears to be the fix. However, cannot replicate in either Developer tool Styles or Trace Styles and have added
#primary-sidebar .primary-sidebar widget-area {
padding-top: 40px;
}
to Custom CSS and Child Theme CSS but cannot even manipulate to see any effect. Suspect being overrided by other code with greater weight in hierarchy but not sure what to do next. Any advice appreciated. Thanks.
-
H1 on the widget in the primary sidebar
A widget should not be using an H1 tag. H1 = Site Title, H2 = Post or Page Title. H3,4,5,6 etc could be a Widget Title.
First review how to do that right, then realize how to target any well formed HTML with CSS:
To discover what CSS is output by your theme, use a web inspection tool such as Firebug: http://getfirebug.com/ , Chrome Inspect Element: https://developers.google.com/chrome-developer-tools/ or Internet Explorer 9+ F12 Dev. Tools: http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx#csstool
There are others.
When editing CSS, use a Child Theme
http://codex.wordpress.org/Child_Themes
Custom CSS Plugin, or Theme provided custom CSS option.
Edits to parent themes are lost on theme update.Learn CSS: http://www.w3schools.com/css/
Thanks. Will review and retest and report back.
<h1 class=”widget-title”>Read what’s new</h1>
Unless I am misreading, it is an H1 tag, although I agree that doesn’t make sense. However, have bigger issue after testing in older browsers. Broke cardinal rule of sticking to latest Chrome, Firefox and IExplorer. Should have been testing lower versions. Suspect when I address that larger problem, small one will also be fixed. Thanks for help.
- The topic ‘IE9 problem’ is closed to new replies.