ok I see what you mean. I meant they’re all kind of related to each other as I’m using the widgets features. I’m assuming once I figure out how to manage one part through css, I could manage the rest with the same method since it’s all within one widget.
Anyway, let’s just focus in one widget.
I would like to manage the title and the icon on the left side of the paragraph. The icon is too close to the text and I want to move up a little bit. On the other hand the title font size is small and would like to change its color as well as size.
I tried to do that using Additional CSS but I didn’t have luck seeing the results after writing the code there. And what I mean by “Page scroll to ID”. this is on the top of each widget. each widget has its own “Page scroll to ID”. I thought this is (i.e. A CSS class) what I need to use in my css code to make changes on that specific widget.
If you go to Customize > Widgets > Add Widgets > features, you then you open the widgets to make change (add text, colors,…etc). at the top, there is “Page scroll to ID”.
Anyway, the question is, How do I use the Additional CSS to make changes on a text inside a widget. (i.e. A CSS class)