Jump to content

Archived

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

viewgoo

Browser width image size issue

Recommended Posts

viewgoo    0
viewgoo

Hi, I'm having an issue with a full width image I am using for a header. I
have the image - with some coding help - at 100% width of the browser and
the image set to 960px. The effect works perfectly but when I extend the
browser width wider than the 960px width of the image, obviously it stopes
moving with the browser and stops at the 960px width I set it to in
Photoshop.

Here's the code I used for the full browser width:

#pl_areaunmaq2 .pl-content {
max-width: none;
}

Any ideas?

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Viewgoo 

 

Do you have a link to the site please? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
viewgoo    0
viewgoo

Well unfortunately not as it's a trial site with Flywheel. Maybe there's a way to share the site but I'll have to look into it.

 

Do You have any ideas without seeing the site?

Share this post


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

Try adding this :

 

#mediaboxu32noy.section-mediabox img {
max-height: none;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Thank you for letting us know that worked for you :)

  • Like 1

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
viewgoo    0
viewgoo

Having the same problem with the same image and I've been trying to figure it out all weekend. Code below.

 

#pl_areaujyxvm .pl-content { 
max-width: none; 
}
 
#mediaboxufk10k .section-mediabox img {
max-height: none;
}
 
I'm lost

Share this post


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

If you want an image to be full width, add the Full Width Layout section and upload your image as a background. Not sure why you're using the MediaBox to begin with, as its a not a full width section.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
viewgoo    0
viewgoo

When I try that it just gives me a slither of the image as there is nothing in the section apart from the background image. The image needs to be the full image as well and not just what part of it is visible behind any content.

 

Also Danny, please take a look at this video: http://www.pagelines.com/dms/ I might not know a lot about coding and Pagelines DMS' workings as of this reply but I do know that if you market a product towards designers as a way of building websites without coding AND as a product which is simple to use you should A) provide a more structured way of learning how to operate the product and not make people search through forums for similar but not the right answers. B) not make people feel uncomfortable about asking questions regarding their issues with trying to learn the software by giving them short, unhelpful answers to their questions. And C) If you don't like answering stupid questions from people who don't know what they are doing then don't answer questions about complex software marketed toward people who don't understand the process. If they did they wouldn't be using the software in the first place. I have been a designer for 18 years working with plenty of web developers and this is an example of the typical 'why don't you know what I know' web developer arrogance designers run into all the time.

 

I love what this software can do but let's see some more structured tutorials on the processes or don't market it as a simpler way to build websites.

Share this post


Link to post
Share on other sites
viewgoo    0
viewgoo

Can anyone answer this? All I want is to have an image in the background of the top of my site that is full browser width and shows the full hight of the image.

Share this post


Link to post
Share on other sites

  • Similar Content

    • Audun MB
      By Audun MB+
      The media selector for sections uses full size images, you can't choose to use smaller file sizes. That means that sections are huge in file size. So for a box image in Boxes which will never be wider than 500 px, Pagelines choose full image size, even if it is a 2 mb photo. 
      Adding alt and title text to the images would also be good.
      I'd prefer to use the default setup by WP, which has all the options we need.
      For now I have to use this plugin as a workaround, by selecting the best size and add it in the url field.
    • jeomiland
      By jeomiland+
      Hi guys
      I saw discussion back in 2013 about ibox/icon/image size. Here's another question.
      Have a client who wishes to have iboxs displaying several product categories in a shopping store, then under that, a couple more boxes - with clickable images - with DIFFERENT ASPECT RATIOS!!! from the iboxes used above.
      see  http://ecoluxhomeproducts.com/storedev/dev/ (site under development so may look different when you visit)
      So is iBox the only section that has clickable images AND some sort of text describing the action you wish to take? And how control aspect ratio of the media display box? Client want's the 2 down below (Designer Collections and Blog) to be longer, landscape.  I know I can code it up in HTML or PHP, but the idea is to make it simple for client to change the images AND the text AND the url the link goes to.
      So any ideas what's the best section to accomplish this? And how control aspect ratio (those 2 images are actually landscape dimensions.)
      Thanks
      JE
    • kwp4petar
      By kwp4petar
      I have been trying so many different options on the forums and nothing's working for me.  On one site (most recent one i'm working on), I can change the size of the navigation bar at the top with no problem at all.  However, when I try using Simple Navi (Full Width) on another site, nothing works.  All I want is the logo to be larger (be it by changing the size of the container or the image div itself). I think my biggest issue is not knowing exactly what I need to direct my css changes to.  I am also trying to change the background of the bar.  I don't want any background. 100% transparent background.  I've tried using 'background-color: transparent;' but that hasn't had any effect so far.  I also tried using a 1% (as well as a 50%) transparent solid color image from photoshop to set it as the background, but that didn't work either.
       
      So here's the long story short of what I want:
       
      1. What's the easiest way to find the exact name of the object(would 'div' be a more correct term?) I am making changes to in css? (i've tried using Chrome's 'Inspect Element' but that doesn't always work)
         
          ex: How do people know to do '.section-navi img { .... }'
       
      2. How do I change the size of the logo being used in Simple Navi (full-width)?
       
      3. How can I make the navbar have either slightly transparent solid colored background, or no background at all (100% transparent).
    • espitia
      By espitia
      Hello, I'm trying to have the images (featured images) from the Flipper be thumbnail. I set that as the option but still shows large images. You can check out the site at http://casamotif.com. It is under the big splash image on the home page.
       
      Thanks in advance.
    • stebacon
      By stebacon
      Hi folks.
       
      I am using Pagelines DMS to build my blog http://foodandfitness.co.uk.
       
      The problem i have encountered, and struggled to find answers for in the forums, is how i can change the size of the featured image as it is displayed along with the excerpt in the 'list view'.
       
      Currently i have my blog roll settings as 'list view' with the image 'left justified' at 150px by 150px.
       
      I would like to be able to use the settings as 'list view' with image 'on top' - however when i use these settings the featured image is cropped and large portions of my image are no longer visible.
       
      I would like my images to be displayed as 600px by 600px (un-cropped) with the title, meta and excerpt underneath.
       
      It's important for me that my blog uses large images rather than the small ones i currently have to use, but i can't seem to figure this problem out! 
       
      If anyone has a solution or advice i would be very grateful. 
×