Need to know how to make something transparent

Hi,

First we need to switch your page to correct landing page like this.

After that’s done, add this to your Child Theme and or Appearance > Theme Options > Custom CSS

#featured {
    background-color: transparent;
}

If you have more questions, please feel free to visit our support forums.

Thanks for using Responsive!
Emil

ok. i understand what needs to be done, but i have an issue. I dont see the front page displays in the reading settings.

OK, i figured it out. I still noticed one lil weird white outline on the site. Is there a way to adjust that?

BTW – thank you so much for the quick replies.

Sorry, i dont mean to bombard you with questions, but this is probably my last one. Can you tell me the image name that still shows up? I am hoping to replace that with one of mine or remove it completely and put something up later.

Use a browser inspector tool to find issues like these out.

Ok, ive figured out the home page. I have some CSS in the theme options area, but noticed that when i go to another page, the transparent background doesn’t move with it. I looked around on the forums, tried a few things, and am at a complete loss. Is there a way to make the white content part transparent for all the pages that are created?

just for more information, noticed that a lot of declarations are dropped or have bad slectors on the pages.

Hi,

Sure you can:

#wrapper {
.home #wrapper {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

Emil

Should I post it in the theme options section or on the edit page html tab? OR am i doing it completely wrong? tried both ways and didnt see the changes – cleared cache…

HTML Tab will not work because that would apply to one page only. Best way is to use Child Theme, or Appearance > Theme Options > Custom CSS, the choice is yours ??

Thanks,
Emil

I had the same problem and the 1st code worked the 2nd one doesn’t:

#featured {
background-color: transparent;
}

I added the 2nd to Appearance > Theme Options > Custom CSS and nothing happened.

Also, once I make the field transparent, the text is hard to see because of my background image. There aren’t any settings in Appearance>Theme Options>Home Page to change the font size or color. How can I change the font color on the Home Page?

This is my website> https://www.aecajarn.com

Try this please ??

#wrapper,
#featured {
    background-color: transparent;
}

Emil

Hi,

Thanks for your help. That worked but with the same result as the 1st code. The border is still there. Also, how can I change the font color on the Home Page, in that field that’s now transparent?

Thanks again for your help.

Oh no border? sure!

#wrapper,
#featured {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

Emil

Haha! Thanks so much. Worked like a charm.

What about the font color? When the field was white, the black font was no problem. Now that it’s transparent, the black font is hard to see on top of my background pic. There aren’t any settings in Appearance>Theme Options>Home Page to change the font size or color. How can I change the font color on the Home Page? Am I missing a setting in the WordPress wizard?

Again, thanks for the very quick support. Great customer service!