Changing Widget Colour

Dariusshabany

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

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

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; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Dariusshabany

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Techtribes

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

Techtribes

Hey,

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

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Techtribes

Hey Support,

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

http://techtribes.org/blog/

Techtribes

Hey Support,

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

http://techtribes.org/blog/

Pablo

Hi,

Please use this Custom CSS code

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Techtribes

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

Hi,

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

I updated it.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Techtribes

Hero! This works. 

Thank you Pablo!