Jump to content

Archived

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

floydwebb

Fit to Page Responsive background

Recommended Posts

floydwebb+    2
floydwebb

Can someone help me solve this problem. I have a client presentation on Tuesday and I need this to full with background issue fixed.

 

Can I do it with custom code? Will DMS work with that. See images links below

http://grab.by/pQVC

http://grab.by/pQVO

 

I am using DMS 1.03.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Well as a fast fix, instead of making it fit edge to edge, have you considered tiling it?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Blackice    5
Blackice

You could use css and use the background-clip and/or background-size attributes.

 

That might help as well. Hard for me tell as i couldn't open the urls

 

Just my 2 cents


Mark "Blackice" Robinson, CISSP

 


"If you can't explain it simply, you don't understand it well enough" - Albert Einstein

"We can't solve problems by using the same kind of thinking we used when we created them." Albert Einstein


 

CISO/Director   Creative Services

Email:                 mark@540online.net

Main SIte:           http://540online.com

Twitter Handle:  @online540

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

Can I do it in custom code? Will DMS recognize it? Or is it a deeper issue?

Tiling it means I have to get back in touch with the artist and have here create is as a tile and not a static background. Meaning I have to go back and pay her again to do this. 

 

Framework 2.4.4 does this with no issues. I did not expect DMS, which I have paid for as well the extra, to be such a hassle. I love it but how much patience am I supposed to have. Pagelines will be collecting my monthly fee in a day or two and I am thinking of going back to XXXXXX name I will not mention to give me what I want. 

I love Pagelines, but dudes and dudettes. When will we see some stability for such a simple thing? 

 

Floyd Webb

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

You could use css and use the background-clip and/or background-size attributes.

 

That might help as well. Hard for me tell as i couldn't open the urls

 

Just my 2 cents

 ICE, 

 

Dude... you mean something like this?

 

background-size:100% 100%;
background-repeat:no-repeat
 
 
That did not work either. 

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

This is pretty frustrating.... 

Share this post


Link to post
Share on other sites
Blackice    5
Blackice

Im just trying to help: I was able to replicate your issue. (I was finally able to view the images). I was able to get the image to expand without code using these settings:

 

Under Global Settings > Color Style

Fit Image: Unchecked

Horizontal and Vertical: 100%

 

Try that and if it doesn't work I will be glad to help you troubleshoot it. ( I don't work for Pagelines BTW)


Mark "Blackice" Robinson, CISSP

 


"If you can't explain it simply, you don't understand it well enough" - Albert Einstein

"We can't solve problems by using the same kind of thinking we used when we created them." Albert Einstein


 

CISO/Director   Creative Services

Email:                 mark@540online.net

Main SIte:           http://540online.com

Twitter Handle:  @online540

Share this post


Link to post
Share on other sites
Rob    547
Rob

Customized CSS is often very frustrating.  I appreciate everyone's help, two cents, or even their dollar ninety-five! :D

 

DMS should recognize the custom code, provided it's standard CSS or CSS3.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

BlackIce (Gibson cyberpunk fan I see!)

Here is my setting via the Control Panel in DMS as you suggested
http://grab.by/pRCy

 

This is my result:

http://grab.by/pRCE

 

Could it be something I did not set to full width? 

 

Floyd Webb

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

http://grab.by/pRDi

 

See the link above. I restarted my browser and saw a change. There is a wide left margin. 

So Thanks Blackice...now I have only one more issue to solve so I can move on.   :sword:

 

floyd webb

Share this post


Link to post
Share on other sites
Blackice    5
Blackice

Rob,

 

Rob can you look at my beta site and tell me what the solution would be to fix the background image without using code. I have been able to replicate Floyd's issue. I think it is a template issue. I know it can be fixed with less and/or css. As you stretch the browser you will the image doesn't "Cover" the window.

But for this issue of a background image it shouldn't come down to that. :phew:

 

http://online540dms.flywheelsites.com  Only one plugin is active ... MP6

 

 

Thanks.


Mark "Blackice" Robinson, CISSP

 


"If you can't explain it simply, you don't understand it well enough" - Albert Einstein

"We can't solve problems by using the same kind of thinking we used when we created them." Albert Einstein


 

CISO/Director   Creative Services

Email:                 mark@540online.net

Main SIte:           http://540online.com

Twitter Handle:  @online540

Share this post


Link to post
Share on other sites
Rob    547
Rob

@Blackice  I'd be happy to, but Flywheel is asking for login credentials.   PM them to me, if you like. I'll be happy to look into it.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Blackice    5
Blackice

Rob - cred's sent


Mark "Blackice" Robinson, CISSP

 


"If you can't explain it simply, you don't understand it well enough" - Albert Einstein

"We can't solve problems by using the same kind of thinking we used when we created them." Albert Einstein


 

CISO/Director   Creative Services

Email:                 mark@540online.net

Main SIte:           http://540online.com

Twitter Handle:  @online540

Share this post


Link to post
Share on other sites
Rob    547
Rob

Got it!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

I'm looking at your site.  The background is fixed.  When I shrink the site to the size of a mobile device, it's all shrinking, except the background remains static, displaying the right side of the background and its middle. I think the reason for that is the double 100% code. When I expand it, the image displays more, and more of the left side, till the site occupies my browser, and I see the entire image.  I don't see the flowers.  Well, not until I test this:

 

body .site-wrap {
    backgroundurl("http://online540dms.flywheelsites.com/wp-content/uploads/2013/08/twbg2.jpg") no-repeat fixed 100% center #FFFFFF;
    positionrelative;
    transitionall 0.3s ease-in-out 0s;
    z-index0;
}

 

This resulted in a the image displaying the flowers.

 

Do you have supersize activated?

 

Or am I looking at the wrong thing.  I'm known to do that, sadly. A sign of my old age, I guess.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

@floydwebb  One of the few things I seem to be good with is graphics.  Send me the image and I'll make it bigger for you, at no cost. 


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

@floydwebb  One of the few things I seem to be good with is graphics.  Send me the image and I'll make it bigger for you, at no cost.

 

Hey Rob, 

 

Thanks, I can make the background larger, no problem. I am making it 2000 px wide, 303k in load size. 

That is bigger than I planned for this. DMS has as supersize checkbox somewhere?

Floyd Webb

 

Share this post


Link to post
Share on other sites
Blackice    5
Blackice

Thanks Rob. I was able to fix it too using the wrapper and some css. I will look for the supersize option.


Mark "Blackice" Robinson, CISSP

 


"If you can't explain it simply, you don't understand it well enough" - Albert Einstein

"We can't solve problems by using the same kind of thinking we used when we created them." Albert Einstein


 

CISO/Director   Creative Services

Email:                 mark@540online.net

Main SIte:           http://540online.com

Twitter Handle:  @online540

Share this post


Link to post
Share on other sites
Rob    547
Rob

In your toolbar, select Global Options. From the left menu, select Color and Style.

 

Upload the image for the site background.

 

Check the option for Fit image to page? That's the DMS version of supersize.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
floydwebb+    2
floydwebb

@floydwebb  One of the few things I seem to be good with is graphics.  Send me the image and I'll make it bigger for you, at no cost. 

Rob and Blackice,

Ok I got it to work, I think. 

 

I have not tested in all other browsers yet. 

 

You can see my results here:

http://koeeusa.com/content/

 

Now on to a new issue in a new post now this appears to be solved. 

 

Floyd Webb

Share this post


Link to post
Share on other sites

  • Similar Content

    • lionel1
      By lionel1
      Hi,
      I use on my home page " impulse module " but when i look on my iPhone the image is cut and not responsive .
      i only have this problem with this module not with the other one .
      thanks for ur help
      website / www.elonakane.com 
      Lionel 
       
    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • Paul
      By Paul+
      I have woocommerce store, product shows title and price fine until reduce screen with on a tablet/mobile phone the price and title gets removed?  Any ideas? 
      Here's an example page: https://thelaptopfixers.com/product/operating-system-re-install/
      Try it on both desktop PC browser then resize to mobile/cell phone size!  
      Thanks
    • kwaoru
      By kwaoru
      Hi,
      I desperately need to deactivate the responsive function on mobile for reasons. It looks so messy with the responsive look on mobile and not navigating or informative at all as it is. 
      I searched for solutions online and tries some of those that I found but nothing worked out. Also I found a previous post on this forum says that this theme pagelines DMS is not meant to be build to deactivate the responsive function... 
      Also tried with widget such as WPtouch to edit the mobile look a little more informative but as I am using "single page" theme on pagelines, the frontpage(main page) never appears on those app.
      Seems like not compatible?
      If there is no way to deactivate responsive function or I'll have to recreate another page just dedicated for a mobile page? or change the theme completely and build a page from scratch?
      I have been searching for this for two days already...
      Could anyone wise and kind out there, please help me?
       
      Thanks,
    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
×