Changing fonts in "Create Gallery"

voroniee · Member · Jan 20, 2015 at 6:10 pm
Copy link

Add topic to favorites
So I am trying to increase the font in the gallery (extension of wordpress.com), I found a line in CSS which is responsible for it however, it does not produces changes when I modify it in Customized CSS. Is it even possible to change fonts in the gallery?

By gallery I mean, similar when you insert pictures, below that there is create gallery feature

.jp-carousel-photo-info h2. {
font: 50px/2.25em “Helvetica Neue”,sans-serif !important;
}

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 20, 2015 at 7:55 pm
Copy link
Hi there, if you notice in the original CSS for that class, it has the !important keyword on the font declaration, and that is what is preventing you from overriding it. In this case, the Jetpack Carousel CSS take precedence over the custom CSS. It looks like about all you can override is the color and text alignment. You can though, override the font size and line height using the following. One of those funny things. Can’t override all at once, but you can by breaking it down into smaller parts. :)
```
.jp-carousel-photo-info h2 {
    font-size: 50px !important;
    line-height: 2.25em !important;
}
```
voroniee · Member · Jan 20, 2015 at 8:59 pm
Copy link
Thank you, I was guessing it was some sort of plug in, but didn’t know about Jetpack Carousel. Also now the “importaint!” key word makes sense too!
thesacredpath · Member · Jan 22, 2015 at 3:54 pm
Copy link
You are welcome. The !important keyword should be used sparingly and only when absolutely necessary when doing CSS. It is generally best to construct more specific CSS selectors so that they !important keyword isn’t required, but in this case, it has to be used.

No items found.