Yootheme Widgetkit Topic is solved

[pambesteder]

Does anyone know to do this?

The documentation on the Yootheme site is horrible and in Googling it, couldn't find an answer.

I'm using the Grid widget and all I want to do is have the background of the title another color. That's all.

In the settings for the Grid there is a field for HTML class.

I know I have to indicate a class and then in the CSS put the parameters of that class.

The problem is I cannot find out how to do that.

I used this CSS:
.uk-scope .uk-h3, .uk-scope h3 {
font-size: 24px;
line-height: 1.4;
background: #72a5b9;
}

But that made EVERY Grid widget in my entire site the same.

I only want it for this particular grid. But I cannot figure out what to put in the HTML class to make it only on one Grid.

Can you help? What am I doing wrong?

[Pavel-ww]

In the settings for the Grid there is a field for HTML class.

I used this CSS:
.uk-scope .uk-h3, .uk-scope h3 {
font-size: 24px;
line-height: 1.4;
background: #72a5b9;
}

Hi. You should add your own class name in the field for HTML class and use it in css code. It can be any words that explain the essence so that in the future it is clear to you what kind of class it is. For example my-heading-h3 or light-blue-h3 or blue-bg-heading or feature-heading and ect.

I don't know where exactly the class will be added to the code from HTML class field.

Therefore, just as an example that may not work, but which illustrates how your selector should look like

Code: Select all

.my-heading-h3 .uk-h3, .my-heading-h3 h3 {
    font-size: 24px;
    line-height: 1.4;
    background: #72a5b9;
}

If you need specific help with this, add your class in HTML class field, write its name in the next post and provide a link to the page.

[pambesteder]

Okay. Thank you! I'll try that and see how it works. Much appreciation.

[pambesteder]

I LOVE YOU! It worked. So what I learned is the code that I put in the HTML field is my-heading-h3. The rest of it I put in the css. I didn't which which part of the css to put back in the HTML field. Now I do. THANK YOU!

[Pavel-ww]

You are welcome