Jump to content
Sign in to follow this  
scrappy

Browser Specific CSS

Recommended Posts

scrappy

I installed the Browser Specific CSS plugin and activated it in PageLines, but it is not appearing in my menus in the admin section. How do I access this plugin to start writing custom CSS?

Share this post


Link to post
Share on other sites
scrappy

I am able to add code directly to the Custom CSS tab in the Site Options section. This is good, but can you advise how to target the CSS for a particular page. That is this works for me: .page-id-95 .mcolumn-pad { float: right; margin-right: 25px; } but this does not: .page-id-95 .ie .mcolumn-pad { float: right; margin-right: 500px; } Thanks, Steve

Share this post


Link to post
Share on other sites
scrappy

This is not a Browser Specific CSS issue. I can do Custom CSS, but I can not do Custom CSS and keep the page specification. That is, .ie works when I do not specify a particular page. This works: .page-id-95 .mcolumn-pad { float: right; margin-right: 25px; } but this does not: .ie .page-id-95 .mcolumn-pad { float: right; margin-right: 500px; } Can you please tell me what I should do to specify the browser while keep the CSS to apply only to one page? Steve

Share this post


Link to post
Share on other sites
catrina

You must try:

body.ie.page-id-95 .mcolumn-pad {
	float: right;
	margin-right: 500px;
	}

There does not have to be a space between the browser selector and the page ID selector.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

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  

×