Hi,
Read a lot, but failed to find a solution. Can sb kindly advise how to do it?
The site is fx.pcmfx.com
thanks, -Dale
Hi,
Read a lot, but failed to find a solution. Can sb kindly advise how to do it?
The site is fx.pcmfx.com
thanks, -Dale
You have empty tags that are taking up space -
<h1 id="indexDefaultHeading"></h1>
<h2 class="greeting"></h2>
Please do not PM for support issues: a private solution doesn't benefit the community.
Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.
If they are not mentioned in your stylesheet, add them.
h1#indexDefaultHeading, h2.greeting {display: none;}
Hi Glenn,
Thanks for your help. I tried to add either one of the following at the end of the stylesheet.css:
h1.indexDefaultHeading, h2.greeting {display: none;}
h1#indexDefaultHeading, h2.greeting {display: none;}
It seems improved, but the central column is not on the same line as others. Maybe this is the best we can do?
The site is fx.pcmfx.com
Thanks again, -Dale
You can have multiple h2 elements on any page (and there is no law against having multiple h1s, though it's not best practice). You can also have different h1 and h2 elements on different pages; h2.centerBoxHeading is a separate item from h2.greeting.
Since selectors with equal priority are ruled by the last occurrence in the stylesheet, best practice is to put general sitewide selectors first, followed by more specific ones and exceptions to the general rules.
h1.indexDefaultHeading will do nothing, as there is no class named indexDefaultHeading. #indexDefaultHeading is the way to indicate the name of an id.