By mgt on

Do I need a special module to do this? Can I only add css in a View?

I tried to add the following to a page and then a "Story 1" template (created in Contemplate):

div.maintext {position: absolute; background-color: darkkhaki; top: 31%; left: 25%; height: 60%;
width: 50%;}

div.rightsidebar {position: absolute; background-color: cornflowerblue; top: 31%; left: 75%; width: 23.5%; height: 60%;
padding-left: 6px; padding-right: 4px; padding-top: 6px; font-size: 16pt;}

Maintext
Right Sidebar

But all I got back was a copy of the source code (in both cases, page and Story 1)...

Can someone please help?

Comments

mattyoung’s picture

mattyoung commented

You can either add your styles to your theme's css (e.g. style.css in your theme's folder), or

create a separate your-very-own.css file in the theme folder and modify the your-theme.info file to include your own css file

(Note: when you make the change, reset the theme registery by visiting admin/theme, switch to another theme, then switch back to your theme)

mgt’s picture

mgt commented

Thanks!!!

But is there any way to add styles to a particular page or even section of a page?

I also tried using an inline div,

red

, but that didn't work either....seems like
Drupal would provide that flexability...

mgt’s picture

mgt commented

okay...think I understand now (had to think about it...lack of sleep)....

I can create an assortment of div styles (i.e.,

div.1 { div.1 style attributes } . . . div.n { div.n style attributes }

)

and use them where I want, but have to add them to the theme's css file rather than put them inline in the page/story/book page itself...

Is that right?

US421’s picture

US421 commented

See if this is what you want.

To add inline styles directly to content, the input format must be set to full HTML. If your input format is filtered HTML, the styles will be stripped out.

You can enable full HTML on a node by node basis, or make it the default input type.

mgt’s picture

mgt commented

Yes, that's what I want!!!!

Thanks...will end up trying it both ways though...

noman.iqbal’s picture

noman.iqbal commented

But what how i can add some class reference in div and where i put those classes