Jump to content

Archived

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

Slsp

Image alignment issues

Recommended Posts

Slsp    0
Slsp

Hi,

 

I have read various posts around this subject but they

don't seem to answer my quandry.

 

I have an image in a column, placed there by mediabox. 

I want the image (logo) to be top left so that it aligns

horizontally with the column on the right hand side.

 

How do I get rid of the white space around the image

so it aligns with the navbar on the left.

 

[attachment=1691:Screen Shot 2013-10-24 at 17.19.29.png] 

 

Thanks in advance.

Share this post


Link to post
Share on other sites
Jake    74
Jake

Hi Slsp - Could you provide a live link to your site so we can take a look? 


Have you searched the forums yet or checked out the DMS user docs?

PageLines geek, blogging at MyUntangledLife.com

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

So more like this? http://d.pr/i/iqhG

 

if so try this 


.alignleft {
  padding:0;
}

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
greenfly    230
greenfly

Ok i checked your CSS using firebug (http://getfirebug.com) and made the following changes http://d.pr/i/hCQ6

.alignleft {
  padding:0;
}

I also removed the following padding that made it line up better http://d.pr/i/iGyH

 

I have checked this link http://sjf.scottishjazzfederation.net/ but the site is not available. 

 

To remove the padding you can use Custom CSS. isolate and inspect the elements using your browser tools or firebug and add the custom code to your customize plugin or child theme. 


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
Slsp    0
Slsp

My bad, forgot to clear the cache.

Thanks tons for your help.

Share this post


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

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Slsp    0
Slsp

Still battling here, this is driving me nuts can't get the alignment to

listen tried to pull the nav bar down so it aligns with the logo using

 

 .pl-section-pad { 

  padding: 63px 0;

 

.....but nothing.

 

And the line which has to run underneath is just not happening at

all, what on earth am I doing wrong ?

 

The site is in 404 mode so I can't show you unless I give admin access.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Am I correct in understanding you want the branding image in the fixed navbar to line up, left, with the content margin below it?

 

If so, try this:

.navbar .plbrand img {
     line-height: 63px;
     max-height: 63px;
     padding: 6px 0;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Slsp    0
Slsp

At the moment I have managed to get it like this https://www.dropbox.com/s/xrwxvvq5do7u7ic/Screen%20Shot%202013-11-02%20at%2015.46.58.png

but need it to look like this https://www.dropbox.com/s/5uhclbbhzf45n9l/Screen%20Shot%202013-11-02%20at%2015.52.03.png

where I'm battling is reducing the white background which is a repeat image and the line running under it navigation bar and the logo.

Share this post


Link to post
Share on other sites
Rob    547
Rob

If you use Firebug or Chrome's Inspect Tool, you'll see the elements you need to adjust.

This might work:

.header .pl-area .pl-section .pl-section > .pl-section-pad {
    margin-bottom: 0;
    padding: 0;
}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Slsp    0
Slsp

Thanks, I've so nearly got. This stuff is worse than fishing. 

Share this post


Link to post
Share on other sites
Rob    547
Rob

But you don't have to take it off the hook!


Former PageLines Moderator, Food Expert and Raconteur

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
×