Custom CSS, text font color change with Firebug

Posted in: Newsmag
Post count: 5

Hey,

I have always 2 Instagram Widgets on my website, no matter at which site you are. Its the widget that came with newsmag. there is a text section that i cant change the color from. now i installed firebug for firefox and in the theme panel i typed in custom css just

.td-instagram-meta {
color: #121212;
font-size: 12px;
}

… so thats it, it worked and the color was changed in both instagram widgets. but i want to have one color in the first widget, and another color in the second widget (not just for fun, its important, because the background is different). the custom css window was always empty, it was my first time trying it. it pasted the code into the first row, but now i dont know how to correctly set it up for the second instagram widget. in the code i cant see anything which gives the widget something like a number code, so the system knows which one i mean. or has it something to do in which row i type the code? but it even worked pasting it in the first custom css row. but u know the text should be black in the first widget, and white in the second one.

Thanks for help, Greets

Post count: 6535

HI

You can add a custom css class for one of Instagram widgets then use it in your custom css like this:

.custom-widget .td-instagram-meta {
color: #121212;
font-size: 12px;
}

Let me know ho t goes and if you can’t manage to make this working provide your site url so I can have a closer look.

Thanks!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newsmag’ is closed to new topics and replies.