Docs

[Benjamin H]

Hello,

I’m trying to change the heading font size across the website, using the following CSS:

h2,
.h2 {
font-size: 10px !important;
}

However, it is not changing at all. Any ideas as to why?

My site is: http://www.musictheory.pro

Thanks!

[Rahul]

Hey There,

Thank you for writing in!

Please add at Appereance > Customizer > Custom > CSS

/* To Change Title Size of Blog Posts */
.blog .entry-title {
   font-size: 20px;
}

/* To Change Title Size of Recent Posts */
.x-recent-posts .h-recent-posts {
   font-size: 20px;
}

Hope this helps.

Thank you.

[Benjamin H]

Thanks for the response. However, this does not seem to be working for what I want either. I want to change the H2 heading across the site, not just with the posts. I have done that with other websites, but it doesn’t seem to be working on this one. I am using the Sensei plugin for this, so I don’t know if that makes a difference?

Thanks!

[Joao]

Hi There,

If you are referring to > Introduction to Music

It has an h3 class.

I not, please would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[Benjamin H]

This reply has been marked as private.

[Joao]

Hi Benjamin,

The code is working, but it is wrapped inside a media query, so it is working just under 979px

You need to add an extra } at the point that you would like to close the media query.

Please check Appereance > Customizer > Custom > CSS

@media (max-width: 979px){
.x-btn-navbar, .x-btn-navbar.collapsed {
   display: block;
   margin: 0 auto;
   position: relative;
   top: 35px;
}
.x-navbar .x-brand {
margin-top: 0;
  }
h2,.h2 {
 font-size: 10px !important; 
}
.post-15 .hentry {
    margin-top: -40px !important;
}

You have a missing } at some point on this code.

Let us know if you need further help.

Joao

[Benjamin H]

Thank you! That fixed it!

One more question: Is there a way to get the featured images on the page to be next to the title? Right now, they are all bumped down one…

Thanks!

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

article {
    clear: both !important;
    width: 100% !important;
}
article header {
    float: right !important;
    width: 88% !important;
    margin-top: 35px !important;
}

Let us know how this goes!

[Benjamin H]

Thanks for the response. Unfortunately, that doesn’t seem to do anything for me. Any other thoughts?

[Nabeel A]

Hi again,

I added the code in your Child Theme and it seems to have worked. Please clear your browser’s cache and reload the site.

Cheers!

[Benjamin H]

Thanks for all the help!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts