Subscribe Box CSS

[Drugoholic]

Hello,

I've noticed that almost all the boxes share the same css, which means that all the boxes are set to "text-align: center" including the subscribe box.

If you check the attached image below, you'll notice that some of the elements in the subscribe box should be aligned left but instead they're centered. I tried finding the css class so I can fix it but I just couldn't even though I'm using firebug.

I would really appreciate the help, all I want is to have the text aligned left in the subscribe box.

Website: http://www.mosaicdiscovery.com >> Subscribe Box on the main page

[misty]

Sideboxes don't all have to be same/similar..
Control via stylesheet of current template being used.
i.e.

.sideBoxVisa {
background-color: #DED8AD;
padding: 0.4em;
text-align: center;
}

Would alter sidebox named Visa

[Drugoholic]

And how would I know what's the name of the box? Is it .sideBoxNewsletter or .sideBoxSubscribe?

[misty]

Via internet browser, view source reveals

<divclass="box" id="subscribe" style="width:200px;">

[Drugoholic]

Alright, I added the following to stylesheet_tm.css and stylesheet_boxes.css

.sideBoxsubscribe { text-align: left; }

But nothing changed :/

[rstevenson]

I think what you want is...

.box #subscribe { text-align: left; }

That tells it to apply the style to something with an id of "subscribe" when it's inside something with a class of "box". I think.

Rob

[clydejones]

Alright, I added the following to stylesheet_tm.css and stylesheet_boxes.css

.sideBoxsubscribe { text-align: left; }

But nothing changed :/

change it to:

#subscribe {text-align:left}

[Drugoholic]

#subscribe {text-align:left}

.box #subscribe { text-align: left; }

Neither of these worked :\
I even added them both to all the css files and still it's not working.

[Drugoholic]

Well, it worked.

#subscribeContent .box { text-align: left; }
.box #subscribeContent { text-align: left; }

Thanks guys!