It is possible to modify entry-title on the Pro user interface?

[educainventions]

The titles are too small in mobile. I’m seeing it because the titles have the class entry-title:

<h1 class="entry-title"></h1>

On the other hand, it’s weird that if we remove the following, the text became… Bigger!

.entry-title{
font-size:314%;
}

So, if you enter with a mobile to: https://www.edinventa.com/en/team/, the result is strange: page title is small and section title is big:

I’m playing with https://www.edinventa.com/pro/#/options/x-typography, but I don’t see anything related to titles or entry-title.

They way to “fix” it is with CSS only?

Thanks

Carlos

[basanta]

Hi There,

Thanks for writing in!

You can use media query css to change the size only for mobile device.

Example

@media (max-width: 767px){
.entry-title{
font-size: 30px;
}
}

Hope this helps!

[educainventions]

Actually, I think it would be perfect if we remove the .entry-title class from the title because the size of h1 is perfect.

Is it possible to do it?

Thanks

Carlos

[mldarshana]

Hi Carlos,

In that case, could you please try adding the following JavaScript code into your X -> Theme Options -> JS area.

jQuery( "h1" ).removeClass( "entry-title" );

Hope that helps.

[educainventions]

Any way to do it only with CSS? Maybe something like:

.entry-title{
font-size: h1.font-size; /* pseudocode */
}

Thanks

Carlos

[thai]

Hi There,

That’s not possible.

I could see that the font size of h1 tag is 400%.

In this case, please change your custom CSS to this:

.entry-title{
      font-size: 400%;
}

Hope it helps