widgets background title color

[spocar]

Hello team. Quick question is there a way that I can change the background color title of the main sidebar? and add it also a border to the sidebar title only? Thank you so much

[Radu]

Hi,

Use this css

COPY CODE

.widgets h5 {
    background-color: red !important;
    color:#fff !important;
}

Add it in wp-admin -> theme options -> styling options -> quick css

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[spocar]

Hello radu thanks for the code, it works good.However, it change the color to all the widgets, for example I just want it to change the background color in the widgets that are only in the main sidebar no the one that are in the footer.

[Kieran_SQ]

Hi,

Please try removing the above CSS and replacing with the below CSS

COPY CODE

.sidebar_location h5 {
    background-color: red !important;
    color:#fff !important;
}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[spocar]

Hello kieran i will try to add the code to my site. What about to give the title font a little space? And also color change for the font? Thanks in advance kieran

[Kieran_SQ]

Hi,

You can use the below custom CSS instead which targets more options, let me know if there is anything other you would like to do with the titles

COPY CODE

.sidebar_location h5 {
    color: #ffffff;
    background-color: #e56081;
    border-bottom: solid 5px #b94d68;
    width: 100%;
    padding: 7px 10px 7px 10px;
}

You can remove or alter the border-bottom property depending on whether you wish to use it or not. Also, if you do not wish the background color to fill the width of the area just remove the line where you see width:100%;

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[spocar]

THANK YOU SO MUCH GUYS!!! you are the best. I love your theme

[Kieran_SQ]

Hi,

You’re very welcome, and thanks for the kind words – If you haven’t done so already please consider leaving the support received and SweetDate a review on ThemeForest, every review really helps us.

If you have any other questions please feel free to open a new ticket and we’ll be happy to assist.

https://themeforest.net/item/sweet-date-more-than-a-wordpress-dating-theme/reviews/4994573

All the best,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts