[twenty twelve theme] Made customization, how to fix this picture

I mentioned that problem in your other thread — see my third post:

https://www.ads-software.com/support/topic/twenty-twelve-where-to-add-code?replies=13

Thanks.

I remember that link, but idk how do I input the opacy options.

I tried putting

opacity: 1.0;
filter: alpha(opacity=100);

and also img: opacy 1.0

I put them in .wrapper

So what code do I put in there?

I also need to edit the font for categories and I’m having the same problem.

I do not seem to be able to find where to input the code, even with inspect element, the problem is I find what I need to edit (in the case of categories, its li class="cat-item cat-item-1 but those classes are not in at style.css, pretty sure they are in another file.

So how do I find it?

WPyogi’s third post from your previous thread;

But when you make an element transparent – it’s inherited by all contained elements — so it may work better to use a background image that is transparent. In that case, you’d need to create the image in a photoshop-like program and then use it as a background image in the body tag.

Oh, I thought its about the link. Sry and thanks.

Thanks again – I was able to do what I needed to do.

The problem I’m still having is with the categories, I still cannot find where can I change the text color. I think its because they are in a widget.

Could anyone please help me with that?

Try this in your CSS:

.widget-area .widget_categories h3, .widget-area .widget_categories a {
   color: red;
}

Use the color you want (obviously).

Thank you, appreciate your help.

One more thing, if I was to style the category box (like a border etc) would I put the code in there as well?

It’s slightly different — the above CSS targets the heading (h3 tags) and links (a tags) – for border, try this:

.widget-area .widget {
   border: 1px solid #xxxxxx;
}