Skylark gallery carousel "close-hint" X

nmegan · Member · Oct 4, 2013 at 9:16 pm
Copy link

Add topic to favorites
Hi: I am building some gallery pages and have made some color and size changes to the gallery carousel to match my site (an example is here):
http://nmegan.wordpress.com/portfolio/jewelry/#jp-carousel-77

But I feel like the little “close-hint” X that is in the upper left corner is really hard to notice. Is there a way to enlarge it? I’ve managed to change the color of its outer box, but can’t figure out how to change the color of the “X” itself, maybe to #ffffff so that it would be more noticeable.

Thanks for any help you can provide.

The blog I need help with is: (visible only to logged in users)
johndcoy · Staff · Oct 4, 2013 at 10:12 pm
Copy link
Here is the CSS to change the color of the close icon for the gallery carousel.

.jp-carousel-transitions .jp-carousel-close-hint span {color: #FFF;}

Nice job on styling the gallery pages.

:)
nmegan · Member · Oct 8, 2013 at 6:20 pm
Copy link
Perfecta again! How can I ever thank you enough? Is there anyway to enlarge it a bit? I tried font-size: 120% but I don’t think it’s really a font element.

Thanks for the encouragement on the styling! I was pretty proud of the changes I made as well, especially for a novice. :-)
marianojmiguel · Member · Oct 8, 2013 at 7:09 pm
Copy link
Hey @nmegan, try adding “!important” next to the font-size value, like this:
```
.jp-carousel-transitions .jp-carousel-close-hint span {
color: #FFF;
font-size:48px !important;
}
```
That should do the trick.
johndcoy · Staff · Oct 9, 2013 at 4:37 am
Copy link
Hi @nmegan,

The font-size property will accept the percentage value. As @marianojmiguel instructed, adding !important to the end of the value will apply the font size you want. I’ve increased the percentage amount in the CSS below; it should give you the style you desire.
.jp-carousel-transitions .jp-carousel-close-hint span {color: #FFF;font-size: 220% !important;}
Let us know if this helps.
nmegan · Member · Oct 9, 2013 at 12:59 pm
Copy link
That’s perfect! Thanks so much. Seems like I need a lot of those “!important” tags!
johndcoy · Staff · Oct 9, 2013 at 1:00 pm
Copy link
I’m glad we could help.

No items found.