• 0
Sign in to follow this  
Followers 0

Disable mediabox image padding when using href/links


Question

Posted · Report post

I've tried putting a logo in a mediabox since I was following this guide. The weird thing is that a mediabox with the image has no padding, thus placing the logo on top of the page (0px from the top). But using the code included in the guide (a simple a href), it suddenly has a 20px padding.

 

Attatched is a screenshot showing the top of both embeds of the logo - the purple logo on the left is clickable while the logo on the right isn't.

 

Thanks for your time!

Share this post


Link to post
Share on other sites

17 answers to this question

  • 0

Posted · Report post

It is stuck to the top now, with no margin, padding or spacing above it.

See the image below from Firefox.  Is there some other browser where it's not showing as below?

[attachment=1366:8-19-2013 10-43-05 AM.jpg]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

Can you provide a link to the site in question, as I have just this moment added a link to the mediabox and my image has no padding.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

Can you provide a link to the site in question, as I have just this moment added a link to the mediabox and my image has no padding.

Hi Danny,

 

Thanks for the quick reply. It's the second (private) site on my profile.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Danny The site isn't ready to go live. I disabled maintenance mode for three hours. Have enabled it now again. I've created an admin user for you with your regular e-mail.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Post removed: wrong thread. Above is still relevant.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The site is in maintenance mode. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Rob - yes - as I wrote the site isn't ready to go live. I had created a user for Danny, which is still active, and now I've also created one for you with admin rights.

I have removed the duplicate logo that does have a link, but it's basically the logo in the upper left corner that needs to be a link to the root.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Where did you send the login info?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Rob It should have been sent to your mail robert (at) pagelines (dot) com. I tried sending the login info to your profile on this forum, but I wasn't allowed to do so.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Got it.  I will work on it Monday.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Awesome, Rob - thanks a bunch. Have a good weekend!  :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You too!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay,  Here's the scoop.

 

You didn't follow the instructions in this document  http://docs.pagelines.com/tutorials/creating-a-branding-area

 

And worse, you uploaded a very large image, expecting it to be scaled down by either DMS or WordPress.

 

Your image is set incorrectly, but the method you selected is letting the image go right to the screen top, but it appears large in Firefox.  Some browsers will not scale that image at all displaying it very large in IE, for example.

 

You need to make a scaled down version of that image for use in place of the very large one or, use the code Danny provided in the documents, adding inline sizing or wrapping it in a div with a class to which you may apply a fixed size.  However, the best method is graphic as using px in CSS will result in making the section unresponsive on mobile devices.

 

That is going to be a nice site once you've finished it!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Rob - thanks for the quick reply.

 

Yes and no. I followed the instructions from the document, but that was exactly the problem - that added a 'floating' logo instead of one that has 0px margin on the top. That's why I placed an image just in a mediabox without doing much about until I found a solution.

 

I've left the 'floating' logo as it is for now - can you please see if you can make it stick to the top?

 

- And thanks, I sure hope so too. Using DMS, it still shows that it is brand new, but other than a few hiccups (and a couple of issues I needed help with), it has been a joy to work with  :D

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The important bit was to use this method

<a class="logo" href="http://www.my-website.com/"><img src="Path To My Image" alt="My Logo"></a>

to add the branding logo.  This may not make sense, but, by doing it this way, you can add your site tag and name to the alt and can also add, if need be, inline CSS, though it shouldn't be necessary.  You can also wrap that whole thing in a unique class. That's something you can't do when uploading via the media uploader.

 

Those instructions were precise, and written that way for a reason, so best practice would be to follow them.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Rob. Had to change it back again. My company needed the site online with only a few hours notice, so I had to change it back quickly to work on the rest of the site (and I didn't have time to post an update here that I had removed the 'floating' logo.

 

So I'd like to stress that I did follow the instructions which were very precise indeed. It just didn't work and I can't show it on the site now as it's about to go live and get a lot of important traffic :mellow:

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Okay.  Understood.

 

You may want to experiment on a development server.

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