On this page fr instance:
I want to change the weight, color and size of the text in the recent portfolio sidebar widget.
In my attempt the size is working, for the weight not so. Also tried to color the text here but to no avail. Something overriding the css I suppose
/*sidebar text sizes*/
.sidebar .widgettitle { font-size: 14px; font-weight: 100 !important; }
Do you have a css hack for me?
Thanks
/*sidebar text sizes*/
.news-link { font-size: 14px; font-weight: 100 !important; }
Sorry actually this was the successful code to change the size.
Hi,
Thank you for the inquiry.
To change the weight and color of the text in the recent portfolio sidebar widget, you can try using the following CSS:
#top .main_color strong.news-headline {
color: red !important;
font-weight: 400;
font-size: 0.7rem;
}
Note that the !important keyword is used to ensure that these styles take precedence over any other styles that might be applied to the element.
It’s also possible that there might be other styles that are conflicting with the styles you have defined. In this case, you might need to use more specific selectors to target the element you want to style.
For example, you could try using a combination of the element type, class, and/or ID to create a more specific selector. This can help to ensure that your styles are applied correctly.
I hope this helps! Let me know if you have any other questions or if there is anything else I can assist with.
Best regards,
Ismael