Changing Widget Colour

Dariusshabany · August 2016

I need help once again.
I want to change the background colour of the widget "muffin recent post"

and also want to change the colour of the photo frame. Here is the site,

on which i tried to change the options:

http://sponsection.de/kartei/

Couldnt find both settings. Thank you very much

Dariusshabany · August 2016

I also wanted to change the background of the social media menu:

http://sponsection.de/ibrahima-diallo/

The background, where the facebook button is. I didnt want it to be white.
How can i change it too?

Albert · August 2016

Hi,

1. Which color you want to change in "Muffin Recent Post" widget?

2. To change photo frame color, you need to use an extra css:

.image_frame, .wp-caption { color: #000 !important; }

3. This could be done with custom css as well:

.single-photo-wrapper .share_wrapper { background: #000 !important; }

Dariusshabany · August 2016

I tried to do. But couldnt change anything.

I tried to use the first command in the editor in the wordpress menu.

I also tried to use the custom css command.

But didnt work

In the Muffin recent post widget i tried to change the white background.
I tried :

.Recent_posts ul li .desc { background: #000; }

But didnt work either

Albert · August 2016

We tested above css and it works of course. Please paste them under Theme options > Custom CSS & JS > Custom CSS section and make sure you didn't made any mistake there because if you did any, nothing above the mistake wouldn't work.

Techtribes · August 2018

Dear Muffingroup,

I would like to change the colour of the "Select Category" widget which is located on the top right corner of this page: http://techtribes.org/blog2/

I would like the rectangle border (lines) and the "Select Category" text to be pink. Once you click on the widget it takes the pink colour, but without clicking on the widget the colour is gray. This makes the widget more difficult to find on the page.

It would be great if you have some custom CSS to help me out.

Thanks in advance for your reply.

Bryan · August 2018

Techtribes

Hey,

sorry but when we enter your link it goes to 404. Can you check that.

thanks

Techtribes · August 2018

Hey Support,

Sorry, my bad. Changed the link sometime after asking this question. New page:

http://techtribes.org/blog/

Techtribes · August 2018

Hey Support,

Sorry, my bad. Changed the link sometime after asking this question. New page:

http://techtribes.org/blog/

Pablo · August 2018

Hi,

Please use this Custom CSS code

.widget select{
  color:pink !important;
  border-color:pink !important;
}

Thanks

Techtribes · August 2018

Dear Pablo,

Thank you for your reply.

Using your code nothing happens. If I change from your first line ".widger_categories" into ".wdiget_categories" I get a pink box around the wdiget area (which is not what I want). See the link again for the result with that code.

Whereas the widget font and the widget rectangle box around the font remain gray.

Hope you can help me with changing the colour of the rectangle box and font of the categories widget.

Pablo · August 2018

Hi,

Delete the old CSS code and paste new css from previous post.

I updated it.

Thanks.

Techtribes · August 2018

Hero! This works.

Thank you Pablo!

Changing Widget Colour

Comments

This website uses cookies