Community Forums › Forums › Design Tips and Tricks › changing title css on genesis slider
Tagged: css, slider, typography
This topic contains 6 replies, has 3 voices, and was last updated by little shiva 2 months, 2 weeks ago.
-
AuthorPosts
-
January 2, 2013 at 11:39 am #8969
I installed the responsive genesis slider plugin and am disappointed by the way titles display. There’s only one option and I don’t like it, in any position (top, right, bottom, left). The type is too big for the picture and the transparent box behind it clashes too. Is there any way to add titles more discreetly? My slider is only 800 x 300 and I don’t want half of it eaten up by some hideous block of text.
I can’t show you the URL because it’s hiding behind an “under construction” page. This is the slider I’m talking about: http://www.studiopress.com/plugins/genesis-responsive-slider
-
This topic was modified 4 months, 3 weeks ago by
little shiva.
-
This topic was modified 4 months, 3 weeks ago by
little shiva.
-
This topic was modified 4 months, 3 weeks ago by
little shiva.
-
This topic was modified 4 months, 3 weeks ago by
little shiva.
January 2, 2013 at 10:05 pm #9108This thread may provide some insight:
http://www.studiopress.com/forums/topic/genesis-responsive-slider-change-the-title-font/
Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered postsJanuary 3, 2013 at 6:02 am #9146I’m not very good with code. I opened firebug and selected the text to inspect, but don’t know what to do with the answers. Here’s a screenshot. I’d like to modify the transparent box position and the type size of the titles. Having the title run across the bottom starting in the lower left corner would be better than having it all over the picture. http://www.sap-rood.net/i/firebug-screenshot.png
The red is the hover state for that text – normally it’s black.
January 3, 2013 at 6:04 am #9147If that link doesn’t work, try http://www.littleshiva.com/firebug-screenshot.png
February 16, 2013 at 9:48 am #20680Can anyone please provide an explicit example? I’m not so great with code…
March 5, 2013 at 11:32 am #24329I took care of this, guys.
/* Genesis Responsive Slider
———————————————————— */
.slide-excerpt {
background: none rgba(20, 20, 20, 0.8) !important;
opacity: 1.0 !important;
margin: 0 !important;
}.slide-excerpt-border {
border: none !important;
padding: 0 !important;
margin: 5px !important;
}.slide-excerpt h2 {
font-size: 14px !important;
font-weight: normal !important;
margin: 0 0 0 10px !important;
line-height: 1em !important;
}.slide-excerpt h2 a {
font-size: 14px !important;
font-weight: normal !important;
color: #fff !important;
font-family: ‘Droid Sans’, sans-serif !important;
text-shadow: 1px 1px 0.03em rgba(20,20,20,0.8) !important;
}
One of the guys you would want to hang out with.
Preferred StudioPress developer | owner of Petersen Media Group | author of The Golden Rule Way (still writing)March 5, 2013 at 11:38 am #24331Jesse rocks!
-
This topic was modified 4 months, 3 weeks ago by
-
AuthorPosts
The topic ‘changing title css on genesis slider’ is closed to new replies.