Posted by stattler on May 29, 2010 at 11:59pm
I want to override
tbody {
border-top:1px solid #CCCCCC;
}It is located at /modules/system/system.css
I put the tbody in my custom_theme but its not working. Can anybody please help me with this?
I have a latex equation and because of this tbody there is a line being displayed on top of each equation.
An example may be found at http://www.stattler.com/blog/order-stat-talk
I am using DruTeX module and the above tbody is inside something called class="displaymath".
Thanks in advance.
Comments
What have you tried? You need
What have you tried?
You need to make sure that the CSS you use to override with is the last called in the YOUR_THEME.info file.
How about a little CSS override in the components.css file?
I would try first to add this at the bottom of the file.
.displaymath tbody {
border: none;
}
Also, keep in mind that CSS overrides go from the general to the specific selector.
Marine job board with Drupal 7 at http://windwardjobs.com
SOLVED
Thanks a lot! Adding the css code to the custom_theme.css file did not work.
However, when I added this little css to the component.css file, it worked. Thanks a lot once again.
.displaymath tbody {border: none;
}
For those who are reading this and need a similar solution, I did override component.css file by bringing it under my custom_theme's css folder. So the path to component.css file is now
sites/all/themes/custom_theme/css/component.csssTattler.com
.class
This works. Just had to create a class to override the style defined by system.css
Many thanks.
http://www.danlobo.co.uk
I a little confused right
I a little confused right now. You didn't have the component.css file in the file path of your custom theme? If you're not using the component.css then there is no need to load it.
Here is the .info file for OP with the CSS file declarations. Notice how the components is last to be listed and therefore is the last CSS to be sent to the browser and all the CSS in the components file then has the opportunity to override any previous declaration. How about adding:
; CSS styles for default HTML elements.
stylesheets[all][] = css/html-elements.css
; Basic styles used in many places across the site
stylesheets[all][] = css/basics.css
; CSS file defining the layout elements of the design
stylesheets[all][] = css/layout.css
; CSS file to style re-usable components that can appear under multiple mockups/contexts.
stylesheets[all][] = css/components.css
; Print-version styles
stylesheets[print][] = css/print.css
How about adding underneath the other css file declarations:
; CSS file to override with in stattler's websitestylesheets[all][] = css/stattler.css
Then create a file stattler.css and put it in your theme directory in the css folder. This keeps the extraneous code to a minimum.
Marine job board with Drupal 7 at http://windwardjobs.com
I had followed the
I had followed the instructions for creating a subtheme based on the documents provided on OP website. I though only the subtheme.css file needs to be added in the .info file. I did that. Now I see that you've added all the other css files as well.
Thanks for your information. CSS things are confusing for me.
Now, I've updated my theme according to your instructions. Thanks again.
sTattler.com
Here is my .info file
name = Dhaka
description = Dhaka: Stattler's First OP SubTheme
base theme = openpublish_theme
version = VERSION
core = 6.x
engine = phptemplate
; CSS styles for default HTML elements.
stylesheets[all][] = css/html-elements.css
; Basic styles used in many places across the site
stylesheets[all][] = css/basics.css
; CSS file defining the layout elements of the design
stylesheets[all][] = css/layout.css
; CSS file to style re-usable components that can appear under multiple mockups/contexts.
stylesheets[all][] = css/components.css
; Print-version styles
stylesheets[print][] = css/print.css
;CSS file to override with in stattler's website
stylesheets[all][] = css/dhaka.css
regions[left] = Left Sidebar
regions[right] = Right Sidebar
regions[over_content] = On Top of Content
regions[under_content] = Underneath the Content
regions[header_right] = Header Right
regions[header] = Header
regions[footer] = Footer
sTattler.com
Oh, I see what happened. I
Oh, I see what happened.
I like how simple your website is. It's nice. The the variable containing ad inside of the articles can be wrapped inside a div and given the float: right css in the page-article.tpl.php property which would clean up the layout a little bit. It really effects the navigation of the book content type. Perhaps also increasing the size of the book navigation at the bottom to it's more obvious.
Marine job board with Drupal 7 at http://windwardjobs.com