Yael,
Thank you for the compliment. I’m glad my plugin has helped you better understand WordPress.
Regarding CSS changes, you should be making those in a custom CSS file that’s included by your theme. Plugin updates replace all files. As such, any local changes to plugins are lost.
See FAQ #6 and #12 for applying specific CSS to lists and widgets.
Good luck,
Michael
Thread Starter
yaelu
(@yaelu)
Hi,
Thank you for your reply. I read the FAQs that you mention and I don’t understand. Is the style coming from the stylesheet included in the plugin (where I understood that you make the changes referred to in FAQs 13, 14 and 15) or from the theme? Should I move the styles to the theme’s style sheet?
I feel like I’m missing something basic here.
Thanks,
Yael
Yael,
You create only the CSS modifications you need in your custom CSS file that’s included by your theme. You should NOT edit the plugin CSS file. You’ll lose those changes.
Make sense?
Michael
Thread Starter
yaelu
(@yaelu)
Hi,
Wow – I appreciate the quick reply.
I understand the theory now. I just don’t how to make it happen. Sorry if this question is very basic. I did UI & web design 10 years ago and I am now getting back into things and trying to play catch-up.
In the theme’s style.css I see a reference under “Elements” as such:
.sidebar-testimonials a {
padding-left: 20px;
}
and within Elements – I see /*—– TESTIMONIALS —–*/
that has some styles and then there also is a reference under “Others”
.widget_testimonials cite {
display:block;
font-family: “Droid Sans”, Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
text-align: left;
line-height: 1.8em;
text-indent: 0;
Where do I put the changes that you suggest in those FAQs?
For example – if I want all the text in the list to be bold and the text in the rotating widget to not be bold?
Thanks again,
Yael
Thread Starter
yaelu
(@yaelu)
Hi,
One more thing…
I have created a child theme and am editing style.css there.
Yael
It’d help if you provide a link to your website as reference.
Next, you can put something like the following into your theme’s styles.css file.
.testimonialswidget_testimonial q {
font-weight: bold;
}
In working with CSS you need to make sure that ID and class names and paths match what you’re modifying. It seems like your theme has some testimonial capability. However, you need to recall that you’re using another plugin, Testimonials Widget, to do that actual display. Therefore, you probably need to first style the Testimonials Widget CSS then the theme if Testimonials Widget is inside of the theme’s testimonial widget area.
Thread Starter
yaelu
(@yaelu)
Hi,
Once again – thank you so much. It’s great to get your help.
I took some more tutorials on CSS and feel a little more informed.
When I saw Testimonials referred to in style.css – I thought it was rules that your plugin put there. I am guessing now from what you wrote that it is not and it was a part of my theme to begin with.
So you are saying there could be a conflict….
But if I style the Testimonials Widget CSS – I’ll have the problem I raised earlier that it will be overwritten with updates. Or are you saying that I should style the Testimonials Widget CSS, test it to see that I like how it looks and then copy it in into the style.css instead of the theme’s original testimonials widget?
While I’d like to – I can’t give you a site because I’m building locally on a WAMP.
You are being tremendously helpful and I feel like I’m taking up a lot of your time and still not solving the matter which I need to solve. Is there a way that we can do this more efficiently? Can we chat or have an online meeting – I use Webex – which has chat, audio/video and a white board. I send you the style.css of the theme if that will help.
You can contact me directly – [email protected] (please delete the email once you’ve seen it)
Thanks so much!
Yael,
I’m glad to help. If you really want to give back, help others through your own competencies, donate to further development and beer tasting, http://typo3vagabond.com/about-typo3-vagabond/donate/.
Testimonials Widget and other plugins include their own CSS files. You can see that via the HTML source code of your website. Next, styles.css is the traditional name of the theme’s CSS file. There might be others or named slightly differently.
Personally, I’ve learned to stick my theme into source code management tool like SVN or git and then add a custom CSS file to be included by the theme besides the default styles.css. I do this to make updating the theme easier.
You only need to copy and paste into styles.css or your custom CSS file the changes you make to testimonials-widget.css.
Regarding email, it’s there now… You could’ve read the FAQ for my support email address.
Michael
Thread Starter
yaelu
(@yaelu)
Hi,
It seems to work. I set up a child theme and put my css changes there. I also understand how to display the list and siderbar text differently. Yipeeeee. So thanks.
One other weird thing – when I go to edit the Widget – it has many options to check or uncheck checked under “advanced options – there are a few options like “company” and others that I can uncheck, yet after I save and I come back they are checked again. Any ideas?
Who do I speak to to get my email removed from the previous post.
Thanks,
Yael
Thanks for the bug report on the widget options. I’ll get that fixed shortly.
You’re email is there now.
Release 2.2.6 fixes the widget saving issues.
