This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

changing font size / css for different elements in a widget

Resolved 4 replies pluginplugin-page-builder
Joanna Boj
10 years ago · Last reply by Magus 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Joanna Boj 10 years, 9 months ago

    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. Magus Staff 10 years, 9 months ago

    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. Joanna Boj 10 years, 9 months ago

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

  4. Magus Staff 10 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread