Home>Support>changing font size / css for different elements in a widget

changing font size / css for different elements in a widget

By Joanna Boj, 9 years ago. Last reply by Magus, 9 years ago.

Hi,

I came across two issues:

1. When I attempt to change font size of a widget output (Visual editor), css in attributes like “font-size: 10px” it does not work. It seems like the font size is connected to the cell size, proportionately.
2. Is it possible, with the attributes box, to change different elements separately? For example, I want to have the title element bigger than it is and not to change all the fonts in a widget
3. Maybe a stupid question – how do I use the “widget class” input in Attributes? If I add custom css do I need to put something there?

Thanks a lot, and kudos for a great plugin!

Joanna

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Joanna Boj

    Seems can’t edit the previous post. Question no 1 solved – don’t know what caused that, but when I deleted old and created new widgets, everything works fine with the CSS.

    Question no 2 – still an issue.

  2. 9 years, 4 months ago Magus
    Hi, I Work Here

    Hi Joanna

    The Widget Class attribute allows you to target the Widget with Custom CSS (providing your theme supports it or you have a plugin to enable you to use Custom CSS).

    For Example, If you gave the widget a name of ‘mywidget’ you can use Custom CSS to target the individual elements within the widget.

    .mywidget h1 {
      font-size: 20px;
      font-color: #000;
    }
    
    .mywidget p {
      font-size: 14px;
      font-color: #CCC;
    }
    

    Hope this helps

    Magus

  3. 9 years, 4 months ago Joanna Boj

    Yes, it does help a lot, thanks! I’m loving your plugin even more :)
    Joanna

  4. 9 years, 4 months ago Magus
    Hi, I Work Here

    No Problem.

    if you need any more help, please feel free to open a new support thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More