how to change the text color of Soma Text Widget

This topic has 1 reply, 1 voice, and was last updated 6 years, 5 months ago by Yogendra.

Viewing 1 reply thread
  • Author
    Posts
    • #453


      Alison
      Guest

      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.

    • #454


      Yogendra
      Guest

      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

Viewing 1 reply thread

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

Your information: