WordPress.org

Ready to get started?Download WordPress

Forums

IvyCat AJAX Testimonials
[resolved] Size of Font in Testimonials (9 posts)

  1. christinahanna@gmail.com
    Member
    Posted 1 year ago #

    Hi There - I am creating my first WordPress webiste, so please forgive me if this is a 'silly' question.

    I'm creating my website using Thesis 2.0

    I've downloaded Ivycat Testimonials and added some testimonials in my dashboard. I've then added Ivycat Testimonials into my sidebar widget. I've styled (CSS) my sidebar widget with a particular font and font size, but this doesn't seem to be working for this particular widget (whereas it's working for all other widgets in the same sidebar). Ivycat seems to be showing the font formats per the defaults in the 'Dashboard - Testimonials - Add New' section, as opposed to the attributes I've just assigned to the sidebar widget.

    How do I get the Ivycat font to be the font I've specified in my sidebar widget?

    Thanks!!

    http://wordpress.org/extend/plugins/ivycat-ajax-testimonials/

  2. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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

  3. christinahanna@gmail.com
    Member
    Posted 1 year ago #

    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

  4. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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

  5. christinahanna@gmail.com
    Member
    Posted 1 year ago #

    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!

    http://www.christinahannamifsud.com/

    Thanks so much Eric!

  6. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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('http://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('http://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

  7. christinahanna@gmail.com
    Member
    Posted 1 year ago #

    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!!

  8. Eric Amundson
    Volunteer Moderator
    Plugin Author

    Posted 1 year ago #

    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!

  9. christinahanna@gmail.com
    Member
    Posted 1 year ago #

    Done! Thanks again Eric!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags