Odd quote-box padding

Go down

Solved Odd quote-box padding

Post by troyeccles on Sun Jun 05 2016, 14:04

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 Mon Jun 06 2016, 04:28; edited 1 time in total

troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on Sun Jun 05 2016, 15:53

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
avatar
Luffy
Manager
Manager

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by troyeccles on Sun Jun 05 2016, 16:46

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 : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on Sun Jun 05 2016, 16:58

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
avatar
Luffy
Manager
Manager

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by troyeccles on Mon Jun 06 2016, 02:31

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

Solved.

troyeccles
Forumember

Posts : 301
Reputation : 5
Language : English

Back to top Go down

Solved Re: Odd quote-box padding

Post by Luffy on Mon Jun 06 2016, 03:44

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
avatar
Luffy
Manager
Manager

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Odd quote-box padding

Post by SLGray on Mon Jun 06 2016, 09:13

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43519
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


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