Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 5, 2014 at 1:05 pm #219906
    Benjaminlivingthebrand

    I got 4 different widgets, and i want them all to have different style how can achieve this quickly?

    February 5, 2014 at 3:00 pm #219928
    Benjaminlivingthebrand

    I need them to become like this.

    February 5, 2014 at 4:01 pm #219946
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    
.page-id-57 .avia-builder-el-9 { background-color: white; border-color: blue!important; }
.page-id-57 .avia-builder-el-9 .su-spoiler-title { color: red; } /* for first widget */
.page-id-57 .avia-builder-el-12 { background-color: white; border-color: blue!important; }
.page-id-57 .avia-builder-el-12 .su-spoiler-title { color: red; } /* for second widget */
.page-id-57 .avia-builder-el-15 { background-color: white; border-color: blue!important; }
.page-id-57 .avia-builder-el-15 .su-spoiler-title { color: red; } /* for third widget */
.page-id-57 .avia-builder-el-16 { background-color: white; border-color: blue!important; }
.page-id-57 .avia-builder-el-16 .su-spoiler-title { color: red; } /* for fourth widget */

    Best regards,
    Yigit

    February 5, 2014 at 4:39 pm #219974
    Benjaminlivingthebrand

    Great, this works. And is also a great way to give style to al elements that you build with this framework, thx for the help.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing the widget styles.’ is closed to new replies.