Changing Widget Colour

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:


Couldnt find both settings. Thank you very much

Comments

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


    The background, where the facebook button is. I didnt want it to be white.
    How can i change it too?
  • 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; }
  • 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 :(
  • 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.
  • 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.
  • Hey,
    sorry but when we enter your link it goes to 404. Can you check that.
    thanks
  • Hey Support,

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

    Sorry, my bad. Changed the link sometime after asking this question. New page:
  • edited August 2018
    Hi,
    Please use this Custom CSS code
    .widget select{
    color:pink !important;
    border-color:pink !important;
    }
    Thanks
  • 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.


  • Hi,
    Delete the old CSS code and paste new css from previous post.
    I updated it.
    Thanks.
  • Hero! This works. 
    Thank you Pablo!
Sign In or Register to comment.