Well i have tried styling some of my blocks on the front page, through panels. I gave the class, then i went into my style.css and i added the code.

.kadopannew1 {
position:absolute;
z-index:-1;
height: 30px;
background-image: url('images/BlockHeader0.png');
background-color: #ffffff;
}

Didn't work.... so i tried # instead of . didn't work, so i went and gave it an id .... didn't work. Whats wrong? I even tried doing it through the panels UI... and guess what it didn't work. So please help me , and tell me what i am doing wrong!

Comments

willieseabrook’s picture

willieseabrook commented
Title: Styling Panes through CSS not WORKING!! » How do I style panes using css?
Category: bug » support
Priority: Critical » Normal

1. Ensure caching of css and javascript is off in admin/performance. Clear your cache.
2. On your panel layout page, click cog on RHS of panel
3. Click "css properties"
4. Enter my-special-id into "CSS ID" field.
5. In your style.css enter

#my-special-id {
  background-color: #000000;
}

Then move on from there. You shouldn't be using position:absolute; with panels, because that will set your element to appear on a fixed location (x and y coordinates) on the screen. Where panels is designed to remove such layout burdans for you.

Tips:

- Use firefox and install firebug (google it) to help you style.
- Is the style.css file you are editing actually being included?
- Start with a very clear modification to your css such as background-color: #000000;, to help identify that you are hitting the correct elements, before you try fancy stuff.
- This is not a bug its a support request. You'll probably get more help in the forums.

dddave’s picture

dddave commented
Status: Active » Fixed

As of 3.4 you can use the fancy stylizer submodule to create different styles. It is awesome!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

TmaX-2’s picture

TmaX-2 commented

I agree dddave! Stylizer is super.. loved it. do you have any links on sample styles i can look up for reference.
Looking for great pane css blocks,,,