Size of Font in Testimonials

Hi Christina,

Not a silly question at all. ??

Since the plugin has no resident styles, what you’re seeing is likely a discrepancy between the CSS applied to your other sidebar widgets and what’s in the Testimonials widget.

I’d recommend using a tool like Firebug to identify the classes and/or IDs that are influencing the styles of your other widgets and alter your CSS or markup to apply the same styles to your Testimonials widget.

Does that make sense?

Eric

Hi Eric

Thanks so much for your response.

What you say definitely does make sense but I’m afraid it’s a bit ‘over my head’. I’m not very technical so I really wouldn’t know where to start.

Your advice is invaluable, though, as I’ve got friends that may be able to help me do as you advise above.

Thanks!

Christina

Hey Christina,

You’re quite welcome. If you post a link to the site you’re working on, I’d be happy to take a quick look when I get a few moments. Otherwise, let me know if your friends get stuck or need pointers.

Cheers,
Eric

Oh my goodness that would be wonderful! Please bear in mind there’s no real content in the site as yet, it’s just the structure of the site at this stage so don’t worry if you only see Lorum Ipsum!:

I’ve put the testimonials in the sidebar.

Essentially I’d love it if I could get the heading (‘Testimonials’) to either(1) not show or (2) be in the purple font with the green border, per the other sidebar widgets. Also – I ‘forced’ the main text to be Calibri by copying/pasting it in from MS Word in that font, so if I could get that to be automatic per the CSS too, that’d be extra great!

https://www.christinahannamifsud.com/

Thanks so much Eric!

Hey Christina,

To hide the Testimonials title, you can add this to your CSS file:

#ivycat-testimonial h3 {display: none;}

To get the Testimonials title to look like your other titles, you’ll want to make the following changes in your css.css file:

1. Change line 119 from:

.widget .widget_title { font-size: 20px; line-height: 32px; margin-bottom: 10px; padding-bottom: 7px; }

to

.widget .widget_title,
#ivycat-testimonial h3 {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 10px;
	padding-bottom: 7px;
}

(you’re adding a comma and #ivycat-testimonial h3)

2. Change line 125 from:

.widget h4 {color: #88318F; background: url('https://www.christinahannamifsud.com/wp-content/thesis/skins/thesis-blank/images/border5.png') repeat-x scroll center bottom transparent;}

to

.widget h4,
#ivycat-testimonial h3 {
	color: #88318F;
	background: url('https://www.christinahannamifsud.com/wp-content/thesis/skins/thesis-blank/images/border5.png') repeat-x scroll center bottom transparent;
}

(again, you’re adding a comma and #ivycat-testimonial h3)

3. Add the following underneath #2 above:

#ivycat-testimonial h3 {
	font-size:17px;
}

Hope that helps. ??

Cheerio,
Eric

HI ERic. Well what can I say? What a great guy you are! Thankyou SO much for taking time out of your own schedule to help me out with this!! I totally appreciate it and just can’t say anything else other than – great service and thankyou so much!!

Quite welcome, Christina. ??

If you have a moment to give the plugin a review, we’d love it if you could rate the plugin.

Have a great week!

Done! Thanks again Eric!