Changing h1 widget-title to h3 in CSS
-
Hi all, I am trying to change the widget title headlines from h1 to h3. I inspected the HTML, but seems as if I can’t find the right element in the CSS to change it.
I actually would like to change all of those h1 to either h2 or h3, but it would help to know how it works for the widgets:
<h1 class=”widgettitle”>Tags</h1>
<h1 class=”assistive-text”>Main Menu</h1>
<h1 class=”assistive-text”>Post navigation</h1>
<h1>Recent Articles</h1>
<h1 class=”page-title”>
<h1>More Articles</h1>I am very new to this and I appreciate your help!
My website is: http://kaanaroundtheworld.com
The blog I need help with is: (visible only to logged in users)
-
H- – H6 headings are code that have specific meanings to search engines. They are not used to increase or decrease font sizes. Are you clear on that?
-
Yes, I’m trying to SEO optimize my blog (as much as the template allows). Right now, I have too many senseless h1’s, e.g. the widget titles for Facebook, Twitter, Tag Cloud and so on.
-
Thanks for responding. I don’t help with CSS editing. I just interjected as I know that there are bloggers who are fiddling with HTML headings and using H1 – H6 headings to increase font size. Please be patient while waiting for a Volunteer who helps with CSS editing or for Staff to help you.
-
Hi @denizandgokhan, to change the widget titles to h3 in Oxygen would require editing of the theme php script files, and we cannot do that on WordPress.com.
-
Hi @thesacredpath, thank you for your reply. Obviously, I can’t edit the php script files. I thought that you can change it in the CSS editor that comes with the Premium Account. But I don’t understand why you can change other things like the color of the font in the CSS editor but not the headlines. Any ideas?
-
This is a multiuser blogging platform. All blogs wearing the same theme use the same underlying template, which only Staff can access and edit. That template is found on the live demo site for the theme. Example: https://oxygendemo.wordpress.com/
CSS editing can be used only to make some appearance changes ie. changes that do not require access and editing of the underlying HTML and PHP files.
Please read this section of the support docs where this is explained https://en.support.wordpress.com/custom-design/#frequently-asked-questions
Does Customize let me edit HTML?
No. Customize allows you to edit fonts, colors, and CSS only. You can change the appearance of a theme, but not its HTML markup or PHP code. If you require this functionality, please consider moving your blog to a web host that supports theme code modifications. You can read more about why here, and find a suitable host here. -
Obviously, I can’t edit the php script files. I thought that you can change it in the CSS editor that comes with the Premium Account. But I don’t understand why you can change other things like the color of the font in the CSS editor but not the headlines. Any ideas?
With CSS, you can change the appearance of HTML tags, but you can’t change the tags themselves.
For example, if you wanted h1 tags to look more like h3 tags, that can be done with CSS, no problem. But it’s not possible to change the HTML that the theme outputs, so it’s not possible to transform an h1 tag in the code to an h3 tag.
-
Yes, I’m trying to SEO optimize my blog (as much as the template allows). Right now, I have too many senseless h1’s, e.g. the widget titles for Facebook, Twitter, Tag Cloud and so on.
We have some great resources on how to optimize your site for both humans and search engines – I’d suggest you have a look.
- The topic ‘Changing h1 widget-title to h3 in CSS’ is closed to new replies.
WordPress.com Forums 