How to modify the class entry-title for specific URLs only

Support
#1

In our website, we have 2 kinds of pages:

A) Blog pages, with LONG title: edinventa.com/blog/…
B) Normal pages, with SHORT title: the rest of the URLs

Is it possible to create in CSS something like:

.entry-title {
     URL(edinventa.com/blog/*) /* PSEUDO-CODE */{
          font-size: 50%;
     }
}

Thanks

Carlos

#2

Hi There,

You can try with this custom CSS, it will affect to your blog page only:

.blog .entry-title {
      font-size: 50%;
}

Hope it helps :slight_smile:

#3

That code does not work, but changing it by:

.type-post .entry-title {
...
}

Seems to work perfectly. Thanks!

#4

That is the idea. Glad you have sorted it out. You can easily find the selectors you need if you use the browser’s element inspector. For more details, please see https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

And, it’s best that you learn CSS in addition to that.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.