how to change the text color of Soma Text Widget

Alison October 23, 2017 at 7:42 pm

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.

Replies (1)

  1. Alison October 23, 2017 at 7:42 pm

    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.

  2. Yogendra October 24, 2017 at 5:47 am

    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

Reply To: how to change the text color of Soma Text Widget
Your information: