Return to previous page

Remove row background image - by xbobsix1

This topic has 8 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

xbobsix1

Participant

January 15, 2018 at 20:29
Hello.

I want to remove a rows background image on any screen size smaller than 1024px

For now i tried to write this in the additional css section:
```
@media only screen and (max-width: 1023px) {
.bg-change {
	background-image:none !important;
	background-color:#222222 !important;
	}
}
```
and then putting “bg-change” into the “Row ID”, but that does not seem to do the trick. Any other way i could do this, maybe a smarter solution/built in function i am missing?

Thank you.
#181975 Copied
7 Answers

xbobsix1

Participant

January 15, 2018 at 23:05

Just leaving this here to recieve follow-up replies via email.

#181976 Copied
Rose Tyler

Support staff

January 16, 2018 at 14:20
Hello,

Please try to change your code to:
```
@media only screen and (max-width: 1024px) {
    .vc_row#bg-change {
	background-image:none !important;
	background-color:#222222 !important;
    }
}
```
Regards
#182065 Copied
xbobsix1

Participant

January 17, 2018 at 20:50

Hello. Thank you alot Rose, that fixed my problem.
I now have a really weird problem with slider revolution.
I wanted to disable the 3D parallax on the button, to make it more phone and tablet friendly, but now the button has completely stopped working. The 3D parallax was the only thing a changed, and its really odd to me, that it has completely stopped working.

I still have the action, on click to enter a link, but the button is completely unresponsive. The button also still has the hover function, but that does not respond either. It honestly acts like it’s under som layer, but i have played around with the z-index, and nothing seems to help. I can also not mark the text. I have made a GIF to hopefully help you understand:
https://i.gyazo.com/4c2eae60108d1a8259215a05a5a7e795.mp4

In the video/GIF, i am constantly using the mouse button.

#182175 Copied

xbobsix1

Participant

January 17, 2018 at 20:59

Also. Just to add something. As i mentioned i am working on making the page more phone and tablet friendly. On the front page around the “Begrebet Design” and between the “Om klavs design” and the footer, there is a whole lot of spacing on the phone. But no margins or paddings have been set at all. How do i fix this?

Thank you

#182176 Copied
Rose Tyler

Support staff

January 18, 2018 at 11:30
Hello,

1. Could you please provide temporary wp-admin access so we could check your slider settings?
2. Please try to add this code in Theme Options > Styling > Custom css > Custom css for mobile:
```
.home .footer {
    padding-top: 0;
}
```
Regards
#182214 Copied
xbobsix1

Participant

January 18, 2018 at 17:14

Hello.

The code you sent did not work, but ofcourse i will provide you admin access.

Please, contact administrator
for this information.

#182257 Copied
Rose Tyler

Support staff

January 19, 2018 at 10:13
Hello,

1. Please try to use this code:
```
.dddwrapper-layer {
    width: 60% !important;
}
```
2. The code works fine https://prnt.sc/i2ka74 > https://prnt.sc/i2ka9s, but you may also use this one:
```
.home .content-page {
    padding-bottom: 0;
}
```
http://prntscr.com/i2kapi

Regards
#182325 Copied
Viewing 8 results - 1 through 8 (of 8 total)