Changing Portfolio Widget Background

Hi,

Is there a way to change the background color of the portfolio widget to something other than black?

Hi how are you?
It is yes, is not difficult. Place this code in: appearance> CSS editor

.bg-dark {
background: rgba (216,216,216,0.48);
}

These numbers are the colors, u can look in photoshop color you want.

if you can not tell me.

Hi @flavirus,

I hope you are well today and thanks for helping out here in this forum.

Your help here is really appreciated.

Thanks,
Movin

Hi @avaluria,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.shapely_home_portfolio .bg-dark {
    background: #A29797;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

Hi Movin,
I just tried this code and it’s not working…please advise. I’d like to have a white background instead of black. What else should I add to change the font color on top of it?
Thanks!

I just tried this code and it’s not working

It was not working because in the latest theme version the markup is changed. I have updated that CSS code to work it with latest version of theme.

I’d like to have a white background instead of black. What else should I add to change the font color on top of it?

You can achieve this using the below CSS code.

.shapely_home_portfolio .bg-dark {
    background: #FFF;
}

Thanks! The background code works great. How do I change the font color on top of it?

@oceansurf You are most welcome here :slight_smile:

To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/shapely/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.