How to style the h-tags

[Shama]

I could not find any place to style the h-tags (font size, position, color). When I searched for it, I only found references for the Weaver II theme. How do I go about styling all the h-tags in Weaver Xtreme?

[scrambler]

There are a lot of different styling for h tag, so ultimately it may depend where they are.

But base styling is in Main Options > Content Areas > Content Area > Content Heading BG / Content heading text color/ Content heading BG CSS+ box for additional css rules.

Beyond that you can build complete CSS rules and place them in Main Options > Fonts & Custom > Custom CSS Rile box.

To help with the proper selector to use in the rule, we would need a link to a page with specifics about what changes you want

[Weaver]

But the real point is that rather than knowing about <h> tags, try to thing about titles, etc. in the content, and use the appropriate text options for each area.

[Shama]

I would like to have a certain font size, font color, and position (centered) for h1 – h4 in my blog posts so that I don’t have to manually enter all this information for every title. Also it seems to me that if all this information is pulled from the style sheet instead of being specified for all individual titles, that this would be a lot cleaner coding.

The Content Headings sections is only available in Weaver Xtreme Plus, correct? So how do I know what the style settings are for the h-tags in the basic version?

[Weaver]

You can add custom CSS for <h#> tags in the custom CSS box (Main Options : Fonts & Custom : Custom CSS Rules)

To confine to posts, use a rule like:

.post h1 {font-size:…….}

Not that hard to do.

To confine to any content, prefix with #content instead of .post.

[Shama]

Thank you. Would you mind giving me the complete CSS code for specifying, just as an example, that I want the h2 tag to be 24 pixels, bold, centered, and #333399 color. Once I have the  code framework, I can modify it as I want.

So I can specify it for posts with .post, for the entire site with  #content, and for pages with .page – is this correct?

[Gillian]

h2 {font-size: 24px; font-weight: bold; text-align: center; color: #333399;}

To make this rule apply across the entire site, just enter it as I’ve written.

[Shama]

Thank you Gillian.

[Weaver]

Just a general comment on this post.

We are more than happy to provide basic help with the THEME, including helping you find which options to use, and where to add custom code. For very tricky cases, or where the selector has different options (like prefixing with a <div> class such as .post), we are also happy to provide information. (Although all this information is in the theme’s documentation already.)

Be we are not really able to do your work for you, or teach you basic HTML or CSS. That is your job. It was quite nice of Gillian to do your work for you, but it would be a good idea if you learned a bit of basic CSS for yourself so that you won’t need help the next time.

[scrambler]

Example of source of information for these

http://webdevrefinery.com/forums/topic/6-just-starting-htmlcss/

https://developer.mozilla.org/en-US/docs/Web/HTML

https://developer.mozilla.org/en-US/docs/Web/CSS

[Author]

Posts