Jump to content


Photo
- - - - -

custom.css vs CSS Rules box


This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 25 September 2010 - 06:42 PM

How do the custom.css file vs the code in the CSS Rules box relate to one another? Where does the code go that is in the CSS Rules box? Is it appended to custom.css. Lastly, if you have code in custom.css and code in CSS Rules box, do they play nice together, or will the references to them get mixed up? Thanks, Nick

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 25 September 2010 - 07:21 PM

The CSS Rules box is appended to custom.css.

#3 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 27 September 2010 - 06:13 PM

Actually that is not correct. The CSS rules in the code options get appended to the bottom of the header. If you place code in there and then view the source you'll see what I'm talking about. The code from custom.css is a linked stylesheet like the others. In terms of hierarchy both will override default styles. If you have a lot of styles to change it would be easier to navigate around an actual file like custom.css then it would be to use the small window provided by the css rules box.

#4 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 27 September 2010 - 06:54 PM

thanks for the clarification. so just to be sure, would this piece of code work the exact same way if I cut it from custom.css and pasted it into the CSS Rules box?

Please Login or Register to see this Hidden Content


If I did that, that leaves custom.css a 100% empty file. Just wanted to double check that the code is formatted OK if moved, and if there has to be any shell formatting for custom.css vs. being completely empty.

#5 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 27 September 2010 - 07:00 PM

The reason I ask is, when I do move that code from custom.css to the CSS Rules box, it stops working- I see page numbers on the home page. If I move it back, it works again. I'm just trying to figure out why that would be if they're essentially equal. nick

#6 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 27 September 2010 - 07:37 PM

Yeah the format would be the same there is no shell required. Also, just to clarify the body{} that is in the css box doesn't need to be there, it's just there for example.

#7 nrbeatty

nrbeatty

    Advanced Member

  • Members
  • PipPipPip
  • 99 posts

Posted 27 September 2010 - 08:50 PM

I'm not sure why the same exact code, below, would work when in custom.css but not in the CSS Rules box. But this is resolved b/c I at least understand how it is supposed to work.

Please Login or Register to see this Hidden Content