Posted by kyo620724 on June 14, 2012 at 4:35am
Hi all,
I am trying to change my views css in order to make it looks better. Here is my website view page.
http://www.oasisled.ca/product
I tried couple css tags already, none of them change my style. I want to remove this page border and make those title smaller. Is there anyone can help me out, please?
Ming
Comments
You can use firebug to
You can use firebug to inspect the page and discover which classes and id's are available to use in applying css styles
Firebug
I tried and did some modify, but none of them meet my requirement. That is why I want to ask some one know the specific css classes for the view.
I found the class applying
I found the class applying the border. To remove, do this:
.art-article th, .art-article td {border: none;
}
Your font size is 22px right now. To change, do this:
h2.art-postheader {font-size: 16px;
}
The Firefox Web Developer Toolbar will help you identify these classes. Once installed click on CSS > View style information and then click on the area in your website you are curious about. It will then show you all the CSS that is styling that piece of content.
Cheers, Leah
Font size cannot be changed
Wow, thanks a lots the border is working fine now and all the border is removed. There is one more question left. I tried to change the font size by using this css class. However, it seems to only only change the margin with the text. I test a little bit and this only collapse all the text together but the size remain same. I don't know what make that happen. Can you help me out? By now, I changed it to 20px.
Try to use the important
Try to use the important tag:
h2.art-postheader {font-size: 16px !important;
}
Cheers, Leah
It will not help in this case
It will not help in this case because the existing css applies the font size to the 'a' tag.