The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Odd quote-box padding

View previous topic View next topic Go down

Solved Odd quote-box padding

Post by troyeccles on June 5th 2016, 1:04 pm

Hello.

For some reason, my quote-box has uneven padding. See the screenshot below.
There is 2px space on top, 2px right, 5px bottom but the left I've had to set to 0px and there's still a large space (maybe 10px).

Por quoi?

www.bellsareringing.forumotion.com
phpbb3

(PS. I've asked a lot of questions lately and I apologise. I've been trying to revamp the forum and get it looking good. My thanks to you all are ENORMOUS!!).



The CSS for this is as follows (the SPOILER box does NOT have these problems).

Code:
/* Customised Quote box */
blockquote, .codebox {
  background:#FFF;
  border:1px solid #A0C9E3;
  border-bottom-width:1px;
  padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 0px;
}
 
blockquote cite, .codebox dt {
  color:#FFF;
  background:#A0C9E3;
  border-radius:1px;
  padding:6px;
}
 
 
/* Customised Spoiler box */
dl.codebox {
  background:#A0C9E3;
  border:1px solid #A0C9E3;
  border-radius:1px;
}
 
dl.codebox dt {
  color:#FFF;
  padding:1px;
}
 
dl.codebox dd, .spoiler_content {
  color:#666;
  background:#FFF;
  border:none;
  padding:6px;
  border-radius:1px;
}


Last edited by troyeccles on June 6th 2016, 3:28 am; edited 1 time in total

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on June 5th 2016, 2:53 pm

Hello @troyeccles,

Try adding the rule
Code:
!important
to the padding left. Maybe that'll work.. But if that doesn't help we'll need a post where guests can view the problem. Smile






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by troyeccles on June 5th 2016, 3:46 pm

Hi Luffy,

I added the !important tag but not change.

This page has lots of quotes and nested quotes.
http://bellsareringing.forumotion.com/t1800p750-avfc-takeover-thread-rumours-gossip-and-hearsay-all-goes-here

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on June 5th 2016, 3:58 pm

Hello @troyeccles,

Add this in you CSS:
Code:
blockquote div { margin-left: 3px!important; }
blockquote blockquote { margin: 0.5em 10px 0pt 10px!important; }
It should fix your problem. Smile






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by troyeccles on June 6th 2016, 1:31 am

Luffy, that is pixel perfect! Thank you!!!! Smile

Solved.

troyeccles
Forumember

Posts : 239
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on June 6th 2016, 2:44 am

You are welcome!

Remember, if your topic is solved, as now hit the Mark as Solved button so that the Support Mods can see it's solved and archive it! Wink






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by SLGray on June 6th 2016, 8:13 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35630
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum