Jump to content

Archived

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

MobileParity

Resize Canvas Background Image

Recommended Posts

MobileParity+    0
MobileParity

Remember to include as much information about your technical issue as possible for example:
Website URL:bar-gfitness.com
Framework Version:DMS2
WordPress Version:3.9.1.
Plugins in Use:
Server/Host:
Screenshots:
Details: Main canvas area background image does not resize. I have included a screen shot of the background image that does not resize. Any suggestions would be great.

 

Desktop Image:

http://screencast.com/t/w7rTDFbH0u5

 

Mobile Image:

http://screencast.com/t/7N3oeUOJIlwZ

 

Regards,

 

AG

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

This is because the Canvas area uses cover. So if you add the following to your custom CSS, it should resolve your issue.

 

#pl_areaub8d84 {
  background-repeat: no-repeat;
  background-size: contain;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
eglashcreative+    2
eglashcreative

hi Danny  -

 

I have a client site where the home page's full-width slideshow does not resize for mobile.

 

I have a couple theories on how to fix this, including (through custom CSS) replacing it with a responsive-friendly slideshow only on mobile, but I haven't fleshed these theories out. What is your suggestion, please, for a direction to head?

 

I'm assuming the above would not apply. I've searched the forum. Thank you.


Joe Eglash

Eglash Creative

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

eglashcreative - Can you create your own topic please, as yours is related to the RevSlider and not the Canvas area.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
    • Queue-it
      By Queue-it+
      Hi,
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features
    • globalnative
      By globalnative+
      Hi there!
      I'm trying to create a featured image for my new blog post. It has text in it, and when I add it as a featured image some of the text is cut off on the right.
      Could I get the ideal dimensions for featured images? Or, a way to customise the dimensions so that they are easier to fit in the way I need?
      Thank you kindly
      Nate
       


    • Claude203
      By Claude203
      Hi,
      Is there a way to target all images in a WordPress DMS site at once, in order to make them width=100% on mobile portrait mode? In other words, I am having trouble identifying the element for all image classes.
      http://www.blackfives.org
      Thanks,
      Claude
×