• 0
Sign in to follow this  
Followers 0

Page Specific CSS on boxes

Question

Posted · Report post

i would like the box text on this page to behanve differently than on the main page. On the main page the padding is 165 to push it right so the image fits. However, on this page from research on th eforums i think it should be something like the code that follows

.page_id=430 #fboxtext {padding:  0 1px 0 10px;}

it doesnt work though.

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

I have not firebug in this moment but you can prove something like [code]#page-id-430 [/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes it is not [code].page_id=430[/code] but rather [code].page-id-430[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

so i thought it would be [code].fboxtext #page-id-430 {padding: 0 1px 0 10px;}[/code] or [code]#page-id-430 .fboxtext {padding: 0 1px 0 10px;}[/code] but that doesnt work. :(

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Actually, the selectors need adjustment. ;) Try this: [code]body.page-id-430 .fboxtext {padding: 0 1px 0 10px;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Catrina. BUT, nope that didnt work..

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

In shorthand padding code, the order of pixel values for different sides of the box are as follows: top, right, bottom, left To illustrate it more easily, see this code: [code]body.page-id-430 .fboxtext {padding-top: 0px; padding-right: 1px; padding-bottom: 0px; padding-left: 10px;}[/code] You'll need to adjust the values accordingly. If you add this code and make changes, is there any effect?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Catrina and thanks again There are no changes when i add the code and alter the values.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I inspected your page and found that it's a margin issue. Please try this CSS instead: [code]body.page-id-430 .fboxtext {margin-left: -165px;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks Catrina, no that didnt work either. Thanks for your efforts i am trying a few other variations.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hey all - i fixed it with [code].media .bd > :last-child { margin-bottom:0; padding: 0 1px 0 7px;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Glad you were able to fix this. Since it's resolved, I'll accept an answer for you.

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