Soma Theme Help Free theme

how to change the text color of Soma Text Widget

A Started by Alison · October 23, 2017 at 7:42 pm · 1 reply 1 voice Last reply 8 years, 8 months ago
A
Alison Original poster Member
#1

Hello, I purchased the Theme Soma Premium and I am using the “Soma:Text widget” with different backgrounds, but I can´t change the text color for each background, I hope you can help me.

Y
Yogendra Original poster
#2

Hi Alison,

Follow these steps to change color of the Soma: Text Widget content

Step 1) First of all, Open the Soma: Text Widget and wrap the content inside <p></p> tag

image-1

View post on imgur.com

Step 2) Find the Widget ID. Go to your page (front view) and right-click on page to Inspect the HTML.

image-2

View post on imgur.com

Step 3) Copy the widget ID for eg pgc-22-1-0

image-3

View post on imgur.com

Step 4) Go to Appearance -> Customize -> Additional CSS and write CSS
For eg #yourwidgetid p{ color: hexcode; }
For this case #pgc-22-1-0 p{ color: #ff0000; }

Step 5) Save & Publish

Note: You can search for color picker to get hex codes

Regards

Post a reply

Join the conversation. Be kind — this is a public forum.

Replying to how to change the text color of Soma Text Widget

By posting, your reply becomes public (unless marked private).