Change Colours of Widgets on right Side
-
Hello,
currently all widgets on the right side of my blog – within my selected inuit theme – are pre-defined with black background for widget boxes and white colour for widget fonts, which does appear too strong and too bold….
Now, I tried to edit the overall setting for all types of widgets within inuit theme by using the CSS editing mode but did not succeed to find the spot within CSS source code to adjust the settings for widget colour.
Can you please advice where I can finde the general settingwithin CSS source code to set the colour of all widgets to white background and black font?
Best regards,
Steffen.The blog I need help with is: (visible only to logged in users)
-
This thread may be helpful > https://en.forums.wordpress.com/topic/colours-other-than-defaults-inuit-types?replies=14
-
The site linked to your username is using twenty eleven. We need a link to the site you are talking about please.
-
Hi Thesacredpath
here we go with the link http://connected.busse-consulting.de/ where I want to change the colour of widgets on the right side.
Thx,
Steffen -
First off do NOT paste the entire stylesheet into the CSS edit window. That will break all relative URLs in the CSS and can really mess up your site. Paste only the specific selectors, and the specific declarations you are adding or changing into the CSS edit window.
Get rid of all the other stuff in the CSS edit window and then paste the following into the CSS edit window and edit the hex color codes as desired.
.widget { background-color: #000000; color: #FFFFFF; } -
Hello Thesacredpath,
thank you very much! tHis is working perfectly! But I had to tune some code snippets due to the fact that the “tweet-text” within the widget was still in white on white background. Headline and links of widget had been black on white which was fine.
Can you please check if my adjustments of the code snippet will not mess up the site.
.feat_background,.featured_post span.date_bg,.widget,.menu li a:hover {
background-color:#FFFFFF;
}.widget,.widget a,.widget h2,.widget h3,.widget li,.widget p,.menu li a:hover {
color:#000000!important;
}div.widget_categories {
left:26em;
} -
It looks as if everything is working fine and I see nothing in what you’ve done that should cause any issues.
-
-
-
-
User advertising is, except for a couple very narrow exceptions, not allowed on wordpress.COM. For the exceptions, see the last sentence under “Affiliate marketing blogs” in the bottom set of bullet points in the “types of blogs” link below.
http://en.support.wordpress.com/advertising/
http://en.wordpress.com/types-of-blogs/Short answer: you cannot.
- The topic ‘Change Colours of Widgets on right Side’ is closed to new replies.