[Lawrence JParticipant]

Hi There

I’ve put an iframe in my right sidebar and im trying to make the form look yellow so I want to set the background to yellow how would I do this?

http://www.myinsuranceplanner.co.uk
wp 3.8.1
theme integrity light

Regards

[RubinKeymaster]

Hey,

go to Customizer > Custom > CSS and add following:

.x-sidebar { background: #222; }

and replace the hex code with yours.

[Lawrence JParticipant]

Thank you very much for that, is there any way I could change the color of the widget header text color without changing all the header text items on the page.

Regards

[ChristianModerator]

Please use

.h-widget {
  color: red;
}

Thanks.

[Lawrence JParticipant]

Thanks again

[RubinKeymaster]

You’re welcome!

[damyoParticipant]

Hello,

So I am trying to insert a Background to a widgitized sidebar, by inserting this code under CSS in the custom section of the customizer, whithout it reflecting any changes.
.x-sidebar { background:url(“http://campeurope.net/wp-content/uploads/2016/02/sidebar_background-e1456157893129.png”) }

Please advice on how to achieve this.

Thank you kindly.
http://campeurope.net/home/placements/camp-counselor/non-eu/

[damyoParticipant]

Ok, so I managed to insert the background by>
.widget {background:url(“http://campeurope.net/wp-content/uploads/2016/02/sidebar_background-e1456157893129.png”)repeat scroll}

However, each item on the sidebar has a black background that does not allow the background to show.

How do I get to make these sidebar items to have a transparent background, in order for them to be displayed over the background picture?

Thank you kindly for your prompt response.

Greetings

[ThaiModerator]

Hi @damyo,

Your website is under construction.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[damyoParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.widget ul, .widget ol {
    background: transparent;
}

.widget_text {
    margin-top: 0!important;
}

Regarding footer and header image. Would you mind giving us an example of what you mean so we can better understand and advise you. Thanks!

[damyoParticipant]

Yes, Thank you.

I am trying to establish a sidebar that looks like the one on this site>

http://campeurope.ca/placements/camp-counselor/application-process-for-non-europeans/

which is basically broken into 3 sections> Header, center and footer of the sidebar.
I want to achieve the same, using the widget sidebar in X theme.

Thank you.

[ChristopherModerator]

Hi there,

Upon checking your site, I noticed you’re not referring to sidebar. it’s a column.

Please try this:

.x-widget-area {
    background: url("http://campeurope.ca/wp-content/themes/cassiopeia/images/body-menu.png") repeat-y;
    width: 370px;
    height: 200px;
}

Please remove image element and add background:url("http://campeurope.net/wp-content/uploads/2016/02/header-menu.png") no-repeat; in style field of column.

Add a text element just after widget element and insert <div class="footer_sidebar"></div> in text element Then add following CSS:

.footer_sidebar {
    background-image: url("http://campeurope.ca/wp-content/themes/cassiopeia/images/footer-menu.png");
    height: 146px;
    width: 317px;
    background-repeat: no-repeat;
}

Hope it helps.

[Author]

Posts