uni84x

No, I use an image as background.

I’ve checked the example in the link you’ve sent and I tried generating rgba and also just to use #FF6699(pink) to see what happens but it has no effect at all.

#wrapper { background: transparent; }

With the #primary I start getting closer. With this code it make it translucent but there is still something white blocking that it hits instead of going directly to my background image.

#primary{
background-color:rgba(255, 133, 255, 0.5);
padding:0
}

I can’t find figure what it is. Do you have any other ideas?

Thank you for your help so far.

I get the same results with div. Just white. Do you think that I need to combine it with some opacity rule?

I’ve tried it but it doesn’t work. It just get’s plain white. I’ve tried with “background-color:” and also the original “background:”.

@piyush: I don’t want to provide a link to it now even though I understand it would be easier if I did.

My goal is to change the page/post background from original white color to transparent white. This is how it looks without any modifications: https://www.yoarts.com

@cd_be: What should the code look like? If I remove the text, #fff;, completely then it seems like it grabs it from the parent theme since a use a child. And if I put “none” it’s still white.

This one works for me:

#primary{
	background:#fff;
	padding:0
}

I don’t know how to make it transparent but please let me know if you figure it out.

Cool cool.

An issue related to the usage of icons: If I select the option for “Navigation Menu” then I’m able to use icons but I can’t use the parent page function. It comes up as a seperate menu item instead of linked to the parent. And if I deselect “Navigation Menu” the parent page works but not the icons.

Example:
https://www.yoarts.com/ – “Navigation Menu” selected.
https://odlainne.se/ – “Navigation Menu” deselected.

Is there a way to fix this?

Thanks.

+1 here. Will this be fixed in the next release? Is there a workaround?

I’ve had some problems with icons not appearing but I found out how it’s done:

1. Appearance – Menus – Menu Settings – Theme locations – Tick the box for “Navigation Menu” – Save Menu

2. Screen Options – Tick the box for “CSS Classes”

3. Menu Structure – Expand one of your menus – CSS Classes (optional) – Add “fa fa-user” (without quotes) – Save Menu

Just use the link Rajesh provided for the icons. If you like to use copy/paste just remember to add an extra fa at the beginning to make it work.

EDIT: Flat theme supports Font Awesome up to v4.0.3 so not all of the icons are working.