Disable ‘White Boxes’ in Services Section

Dear friend,
Can you post url of your website, it would be easier to see and try to resolve issue
Thanks
Cheers
TR

Hey there,

Please post your site’s link. Thanks!

Hello,

I submitted 2 replies in this thread earlier but it does not show up. Apologies in advance if the other two appear later.

I am using a temporary URL. Can you see demo site Services section for OnePress?

https://www.famethemes.com/preview/?theme=OnePress

I submitted 2 replies in this thread earlier but it does not show up. Apologies in advance if the other two appear later.

@beachsand14: Please don’t keep posting if it doesn’t show up the first time. I can see all your other replies have been caught in the spam query for some reason. This happens. Just be patient and wait for a mod to check the spam query and approve whatever posts got caught accidentally.

Noted. Thank you. Sorry about that

Hi beachsand14,
I have to say, Im not sure what you really want.
That section contains 4 white boxes.
I do not know that theme, there would place to ask theme author.
It can be in some section of the settings for this theme.

You can do it rough way:
CSS way by hiding those boxes
But then this section looses it purpose.

These are very important steps to do:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
If you do not do css this way and put the code to themes style.css, you will loose all changes you made when you update your theme in the future.

.section-services .service-item {
    display: none;
}

Cheers
TR

• This reply was modified 8 years, 5 months ago by Tahoerock.

Hello TR,

Thanks for your detailed post. I will think about it closer. Here is a screenshot of what I am talking about. I want to keep text, light gray section color but remove those 4 rectangles. Is this understandable? Thanks in advance

Cheers,
BJ

https://s10.postimg.org/49patk8p5/services_revised.jpg

Hello TR,

I tried your CSS as instructed. It did not work. I entered only exactly your recommendation. Is there syntax I am missing? I entered into a blank css page for Simple Custom CSS plugin. Any help is appreciated. Thank you very much.

.section-services .service-item {
display: none;
}

OOOOh I got it,
These are very important steps to do:
put this code to your Child Theme style.css file
OR
Install Simple Custom CSS plugin and put the code there.
If you do not do css this way and put the code to themes style.css, you will loose all changes you made when you update your theme in the future.
I’m doing this on my browser to find solution.
It can get to some different behaviour on your site.
It can happen that ?it is not working.
Then we have to look further.

.section-services .service-item {
    background: none;
}

or

.section-services .service-item {
    background: none!important;
}

This one is working HERE, take a look on SCREENSHOT

Cheers
TR

Cheers TR. This is almost identical to what I want but not exactly. In your screenshot, there is a boarder of the rectangles. Do you know CSS to get rid of it completely? Thanks in advance.

Hello TR

I just wanted to confirm that I achieved the results using the second CSS you gave me. Additionally, I want those 4 sections not to have a special effect when a user hovers over it. Do you know what I am trying to say?

Thank you again. Very kind of you

for that is this code:

.section-services .service-item {
    background: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    transition: none;
}

.section-services .service-item:hover {
    box-shadow: none;
}

OR

.section-services .service-item {
    background: none!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    transition: none!important;
}

.section-services .service-item:hover {
    box-shadow: none!important;
}

Working here
Cheers
TR

• This reply was modified 8 years, 5 months ago by Tahoerock.
• This reply was modified 8 years, 5 months ago by Tahoerock.

Perfect. Everything is exactly what I wanted. Thank you very much TR. I am very grateful for your help because I would not be able to figure it out on my own.

Im glad it worked out.
If you need any help let me know.
Cheers
TR

TR, I thank you again for helping me. Mostly, I want to thank you repeatedly. However, there is a small part of me that wants to warn you because I am a newbie and I ask a lot of questions. Please feel free to judge me when I am troublesome.

Cheers

BJ