Change Responsive Slider Title Size

[samw]

Hi

Thanks in advance to anyone who can help.

I would like to edit only the font size for the title output in the Genesis Responsive Slider. My title looks too big & wide.

Editing the H2.a visited in CSS undertandably changes all the H2 headings not just the Slider.

My CSS is slowly getting there but if someone could kindly point me in the direction of the correct CSS to just change font size for slider output that would be great.

Also, if anyone can suggest how to change the size of the input button on the Slider with CSS would be great.

Thanks

 

 

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[sangfroidweb]

Hi! You just need to specify more explicitly which H2 for which you want to change the size. So, if you are using the Genesis Responsive Slider plugin, generally speaking, the css to change the H2 font to 20pt would be:

.slide-excerpt h2 a,
.slide-excerpt h2 a:visited {
font-size: 20pt;
}

This tells the browser that you are not talking about any old H2, you are talking about ONLY the H2's within the .slide-excerpt div.

You would apply a similar tactic to change the size of the input button. If you can provide a link, I'm happy to take a look and give you a more specific answer.

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[samw]

Hi

Thanks for the detailed reply. Excuse my coming to grips with CSS.

I have fired up firebug to try and assist. I fully understand what you are saying above, but I am unsure of where to add this code in the CSS sheet.

Additionally, on a similar  topic, I am trying to change my H2 page and post font sizes only and note this from firebug. This suggests that the default font size for all H tags is 30px?.  So, my slight challenge is that I need to now specify  H tag css sizes for each h tag I wish to change by the looks of things and am not sure how to breakdown the code or where to add (add beg or end or inline with CSS on sheet)

h1, h2, h2 a, h2 a:visited {

    font-size: 30px;

}

style.css (line 791)

h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {

    color: #333333;
    font-family: 'PT Sans',sans-serif;
    font-weight: normal;
    line-height: 1.25;

Site is a dev local build, but there's a version on the same theme at metta3.com

Thanks in advance

 

 

---

SEO & Online Marketing Consultant

Metta3 | G+ | LinkedIn

[Author]

Posts