Jump to content
Sign in to follow this  
bsaul

1 pixel space in Banner since upgrade to 2.3

Recommended Posts

bsaul    1
bsaul

Hi

The banner area at http://blog.aliumpartners.com/ is showing a 1 pixel space down the side of the image. This is annoying and I do need to sort this out before releasing to the client.

Before the update to 2.3 is was not there...

I've tweaked and searched, but can I find that pixel... Any suggestions welcome

Thank you

Share this post


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

Hi,

I'm not seeing any 1px space, can you post a screenshot of the issue please.

http://d.pr/i/ahYF

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
bsaul    1
bsaul

Just visited a previous post about this site and Rob had suggested the following code:

#banners .banner-area { margin: 0 0 0 -1px; }

That clears it - so all fine now.

Share this post


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

Hi,

You have this in your custom CSS:


#banners .banner-area {
margin: 0 0 0 -1px;
}[/CODE]

Which is probably causing the issue and also the site has a width of 900px but the image is 901px, address the image dimension variance and it should resolve your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Aldo
      By Aldo
      I have an issue were only some computers see the top banner image repeat on the left and right side.
      The way I made the banner is with just a canvas background and placed an image. This was so the image will stretch to the max on either side.
       
      see attached of the error with it repeating banner
    • lemureyes
      By lemureyes
      I have been trying for hours to get my social media buttons to appear in my header with installing custom widgets, yet they are not exactly what I have in mind.
       
      I would like it to just have the social media buttons all line up right next to my banner like it does in DMS. I am really lost on child pages and how to input custom code into pagelines. I am really just looking for a article that will help me out or a youtube video.
       
       
      *Disclaimer my website does need a lot of work I am learning all of this as I go.*
    • Aldo
      By Aldo
      I am working on a site that has a background graphic uploaded to a canves area, and a foreground graphic. The foreground has text and a head shot of a person. I have a foreground graphic I can hide the foreground so that the word don't run off the mobile device screen.
       
      I what I like to do is keep a desktop version for wide screens and a mobile version for smaller screens. Is there a way in Pagelines to  do this?
       
    • kellid
      By kellid
      Hello,
       
      I'm trying to add a banner image in the header of my site between the logo and drop down login box to the right.  I've added code to my header.php file but it's above the header and not nested between these two points.  
       
      [post='[ptiframe]61-afj1e3[/ptiframe]']Here[/post] is the code i've used in my header.php file and here is the site...
       
      http://www.dev.modelalliance.org/
       
      I am using pagelines framework, not DMS version 2.2.5.  
       
      Any guidance with this would be Greatly appreciated!
       
      Thank You!
       
      Kelli
    • alishabird
      By alishabird
      Hi, I would like to use a CSS 3D ribbon as section headers on my site. This would be no problem for me in in a wysiwyg html editor but I don't seem to be able to wrap my head around the layer of abstraction using the Drag and Drop DMS. Specifically where do I put the html. I would really appreciate any help.
      <div class="ribbon-wrapper"> <div class="ribbon-front"> <!-- ribbon text goes here --> </div> <div class="ribbon-edge-topleft"></div> <div class="ribbon-edge-topright"></div> <div class="ribbon-edge-bottomleft"></div> <div class="ribbon-edge-bottomright"></div> <div class="ribbon-back-left"></div> <div class="ribbon-back-right"></div> </div>   Note: I am using CSS 3d ribbon generator: http://www.css3d.net/ribbon-generator/#preview
       
      Thanks
       
       
         
×