Results 1 to 9 of 9
  1. #1
    Join Date
    May 2009
    Posts
    19
    Plugin Contributions
    0

    Default Subscribe Box CSS

    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
    Attached Images Attached Images  

  2. #2
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Subscribe Box CSS

    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

  3. #3
    Join Date
    May 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Subscribe Box CSS

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

  4. #4
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Subscribe Box CSS

    Via internet browser, view source reveals
    Code:
    <divclass="box" id="subscribe" style="width:200px;">

  5. #5
    Join Date
    May 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Subscribe Box CSS

    Alright, I added the following to stylesheet_tm.css and stylesheet_boxes.css
    HTML Code:
    .sideBoxsubscribe { text-align: left; }
    But nothing changed :/

  6. #6
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: Subscribe Box CSS

    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

  7. #7
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Subscribe Box CSS

    Quote Originally Posted by Drugoholic View Post
    Alright, I added the following to stylesheet_tm.css and stylesheet_boxes.css
    HTML Code:
    .sideBoxsubscribe { text-align: left; }
    But nothing changed :/

    change it to:

    #subscribe {text-align:left}

  8. #8
    Join Date
    May 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Subscribe Box CSS


    #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.

  9. #9
    Join Date
    May 2009
    Posts
    19
    Plugin Contributions
    0

    Default Re: Subscribe Box CSS

    Well, it worked.
    #subscribeContent .box { text-align: left; }
    .box #subscribeContent { text-align: left; }
    Thanks guys!

 

 

Similar Threads

  1. Newsletter Subscribe mod - CSS & text changes
    By yeah! in forum All Other Contributions/Addons
    Replies: 3
    Last Post: 12 Nov 2010, 06:47 AM
  2. newsletter subscribe mod and css
    By baccalao in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 28 Sep 2009, 04:50 PM
  3. Newsletter subscribe box
    By QueenKat in forum General Questions
    Replies: 1
    Last Post: 21 Apr 2007, 04:50 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg