Archived

This topic is now archived and is closed to further replies.

  • 0

Removing features background image using Browser Specific CSS


Question

Posted · Report post

Hi There,

 

I'm trying remove the background image on the features slider when viewing on a mobile. This is due to the features text overlapping the image at small sizes which makes it illegible. So I'm looking to either hide it or replace it with just white.

 

I've got the Browser specific CSS plugin installed and have got a few things working with it but can't figure out what class I should target to hide the image.

 

I've tried things such as...

 

body.mobile  .fmedia { display:none;}

 

body.mobile  #feature_slider .fmedia {
background: none;
display:none;
}

 

I think I'm close but not quite there. Any help would be appreciated.

 

Also does the .mobile class cover all mobile devices or do I need to repeat the code for each type of available class ie .iphone, .samsung etc??

 

cheers!

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hello Lauren

 

Would be preferable if you could provide the link via the forum but if you prefer to email then please use hello@pagelines.com. Please add a link to the forum topic so we know which topic it refers to. 

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, it depends how you've inserted the image into the slider, whether it's in the media pad area or the full slide background.

 

If you could let us have a link to the site you're working on we'll have a look for you.

 

For example, on my test site the image is full width background of the slider. So i'd hide it using

 

#feature_slider .fcontainer .feature-wrap.bg_cover {display:none;}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi James,

 

I'm also using the text so it's in the media pad area. I tried the code supplied but that removed the text and button with it. Do you have an email so I can shoot the URL to you - I'd rather not post in the forum it if possible.

 

Cheers!

Share this post


Link to post
Share on other sites