[StraitClinicParticipant]

http://theme.co/x/demo/integrity/1/shortcodes/accordion/

Specifically, I want to know what the light background color is that is surrounding the “Accordion” white boxed content area.

I went to the subtle patterns website and downloaded and tried different patterns for over an hour, and I still can’t get my webpage to have this nice background pattern effect that you have created.

Please help!

[ChristopherModerator]

Hi there,

This is not background pattern it’s box shadow, You can assign it to your element’s class by adding this code:

.my-class{
box-shadow:0 0.125em 0.275em 0 rgba(0,0,0,0.125);
-moz-box-shadow:0 0.125em 0.275em 0 rgba(0,0,0,0.125);
-webkit-box-shadow:0 0.125em 0.275em 0 rgba(0,0,0,0.125);
}

Or you can provide us with URL and let us know where you want to add this, So we can provide you with exact code.

Thank you.

[StraitClinicParticipant]

LoL. I’m such a newbie.

Thank you so much for knowing what you know and being willing to share it with me, and answer all my questions!

I’m very happy with your product and service!

[StraitClinicParticipant]

Oh boy.

I tried.

I want that effect on all of my pages… but for example, here’s my homepage: fullpotentialmen.com
Just like your page, http://theme.co/x/demo/integrity/1/shortcodes/accordion/ , I want the nice shadow effect to surround all of my content. On all of my pages.

I tried adding the code you provided me to several different places, but nothing happened.

Thanks!

[StraitClinicParticipant]

I just added a background pattern that looks a lot like that. But I still want to know how to do what you have done, as I mentioned above. Thanks so much!

[ChristopherModerator]

Hi there,

I’m not able to access to your site, Please make sure the provider URL is working.

Thank you.

[StraitClinicParticipant]

fullpotentialmen.com is my website.

I really want that shadow you’re talking about! How do I get that affect throughout my website?

[FriechModerator]

Hi there,

Thank you for writing in! Your site is already had that box-shadow effect on your content by default. Let us know if there is an specific element that you want the box-shadow to apply. You can add this in your custom css in the customizer if you want a darker shadow.

.x-promo {box-shadow: 0 0.125em 0.275em 0 rgba(0,0,0,0.5);}

Hope it helps, Cheers!

[StraitClinicParticipant]

Thank you, but that’s not what I was trying to do. 🙁 I’m not trying to add shadows to my boxes. I want to make my website have what looks like your demo’s background color. My background looks almost like your demo’s background, but not quite. I tried my best to make it look like yours, by going to the website with the background colors.

If this boxshadow thing can make my website’s background look like your integrity demo’s “background,” then please show me how, so I can do it.

🙁

[ChristopherModerator]

Hi there,

You can download our background pattern from http://theme.co/x/demo/integrity/1/wp-content/uploads/sites/2/2013/06/bg-integrity-1.png and use it in your site.

Is that what you are referring to ?

Thanks.

[StraitClinicParticipant]

I think that’s what I want.

If I click on that link though it doesn’t give me an opportunity to download it? How do I download the pattern?

THANKS!

[Rue NelModerator]

Hello There,

To download the background pattern, please hover your mouse over this link: http://theme.co/x/demo/integrity/1/wp-content/uploads/sites/2/2013/06/bg-integrity-1.png and right click on it. And then you select, “Save link as” and that’s it.

Please see this screenshot: http://prntscr.com/6g5e2z

Hope this helps.

[StraitClinicParticipant]

Thank you so much!

[FriechModerator]

You’re welcome, glad we could help, Cheers!

[Author]

Posts