Jump to content


Photo
- - - - -

Page Specific CSS on boxes


  • Please log in to reply
11 replies to this topic

#1 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 01:03 PM

i would like the box text on this page to behanve differently than on the main page.

Please Login or Register to see this Hidden Content

the padding is 165 to push it right so the image fits. However,

Please Login or Register to see this Hidden Content



from research on th eforums i think it should be something like the code that follows

Please Login or Register to see this Hidden Content


it doesnt work though.

#2 batman

batman

    Bat Learning

  • Members

  • 2167 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 30 July 2012 - 02:44 PM

I have not firebug in this moment but you can prove something like

Please Login or Register to see this Hidden Content



#3 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 30 July 2012 - 02:48 PM

Yes it is not

Please Login or Register to see this Hidden Content

but rather

Please Login or Register to see this Hidden Content



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 03:08 PM

so i thought it would be

Please Login or Register to see this Hidden Content


or

Please Login or Register to see this Hidden Content


but that doesnt work. :(

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 July 2012 - 03:37 PM

Actually, the selectors need adjustment. ;)

Try this:

Please Login or Register to see this Hidden Content



#6 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 04:09 PM

Thanks Catrina. BUT, nope that didnt work..

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 July 2012 - 04:20 PM

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:

Please Login or Register to see this Hidden Content


You'll need to adjust the values accordingly. If you add this code and make changes, is there any effect?

#8 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 04:26 PM

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

#9 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 30 July 2012 - 04:59 PM

I inspected your page and found that it's a margin issue. Please try this CSS instead:

Please Login or Register to see this Hidden Content



#10 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 05:16 PM

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

#11 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 30 July 2012 - 05:40 PM

Hey all - i fixed it with

Please Login or Register to see this Hidden Content



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 30 July 2012 - 06:49 PM

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