0
Welcome Guest! Login
0 items Join Now

Code Fix for Text Size Buttons

Last Post
Search Topic

  • Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • Hi,

      Visit my site here: http://www.VMWUSA.org

      I'd like to fix the placement of the Text Size Buttons. I'd like to:
      - Move the words (Text Size) over to the left just a tad more
      - Move both buttons over to the left as well so they line up with the search box below
      - Move both buttons up so they are not inside the search box below

      Here's the code that is in there now - thanks for the help!!
      a.large .button {background: url(../images/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/font-sm.png) 0 0 no-repeat;}
 
.fontbutton-text {
    color: #333;
    position: absolute;
    right: 55px;
    top: 2px;

      Brandon
    • Best Regards,

      Tommy Jordan
      Twisted Networx
      twistednetworx.com
    #417222

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • You were on the right track;
      #accessibility {
float:right;
height:16px;
margin-right:15px;
margin-top:1px;
width:55px;
}

      and
      .fontbutton-text {
color:#333333;
position:absolute;
right:70px;
top:1px;
}
    • Best regards,

      Piet Nutbey

      Joomla Video Tutorials: www.joomtorial.com
    #417227

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • Thanks. It did a little, but not all...any tips? Here's the new code that I've entered per your recommendation. http://www.VMWUSA.org Thanks ~Brandon
      #accessibility .button {
        float:right;
        height:16px;
        margin-right:15px;
        margin-top:1px;
        width:55px;
}

      and
       
.fontbutton-text {
        color:#333333;
        position:absolute;
        right:70px;
        top:1px;
}
    • Best Regards,

      Tommy Jordan
      Twisted Networx
      twistednetworx.com
    #417238

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • You have mixed up a few things and edited the wrong css classes!

      This is what it needs to be:
      #accessibility {
float:right;
height:16px;
margin-right:15px;
margin-top:1px;
width:55px;
}
 
#accessibility #buttons {float: right;padding-right: 8px;}
 
 
#accessibility .button {
     display: block;
     float: right;
     width: 16px;
     height: 16px;
     margin-right: 4px;
}
 
 
.fontbutton-text {
color:#333333;
position:absolute;
right:70px;
top:1px;
}
    • Best regards,

      Piet Nutbey

      Joomla Video Tutorials: www.joomtorial.com
    #417257

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • Not sure if this is right or not...the buttons aren't there now! Just an FYI...I'm not a code person at all.. :) ~Brandon http://www.VMWUSA.org 
      #accessibility {
       float:right;
       height:16px;
       margin-right:15px;
       margin-top:1px;
       width:55px;
}
 
.accessibility .buttons {float: right;padding-right: 8px;}
 
 
.accessibility .button {
       display: block;
       float: right;
       width: 16px;
       height: 16px;
       margin-right: 4px;
}
 
 
.fontbutton-text {
       color:#333333;
       position:absolute;
       right:70px;
       top:1px;
}
    • Best Regards,

      Tommy Jordan
      Twisted Networx
      twistednetworx.com
    #417265

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • When you type. be sure to type exactly what I have shown. You are typing . (dot) where there are clearly # signs.

      be 100% sure to use:
      #accessibility {
float:right;
height:16px;
margin-right:15px;
margin-top:1px;
width:55px;
}
 
#accessibility #buttons {float: right;padding-right: 8px;}
 
 
#accessibility .button {
     display: block;
     float: right;
     width: 16px;
     height: 16px;
     margin-right: 4px;
}
 
 
.fontbutton-text {
color:#333333;
position:absolute;
right:70px;
top:1px;
}

      can you attach your template_css.css file? (upload attachment) I will the create the proper version for you whcih you can replace.
    • Best regards,

      Piet Nutbey

      Joomla Video Tutorials: www.joomtorial.com
    #417272

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • I wish I knew how to do that! lol but I don't.

      So you want me to put a . (dot) everywhere I see a # symbol in this section of code?

      #accessibility {
      float:right;
      height:16px;
      margin-right:15px;
      margin-top:1px;
      width:55px;
      }

      #accessibility #buttons {float: right;padding-right: 8px;}


      #accessibility .button {
      display: block;
      float: right;
      width: 16px;
      height: 16px;
      margin-right: 4px;
      }


      .fontbutton-text {
      color:#333333;
      position:absolute;
      right:70px;
      top:1px;
      }
    • Best Regards,

      Tommy Jordan
      Twisted Networx
      twistednetworx.com
    #417274

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • nononono!!!

      You have used . (dots) where they should be #

      When you post a message, at the buttom you see Options | Upload attachment.

      use upload attachment to send the template_css.css

      Then i can make the proper version for you. You now have double entries. entires with dots where they should be #'s Send me the template_css.css and we try to tidy it.
    • Best regards,

      Piet Nutbey

      Joomla Video Tutorials: www.joomtorial.com
    #417280

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • LOL ok...here we go!

      It wouldn't let me upload the file...said the "extension css is not allowed"...not sure what the deal is there. If you just edit what I need to copy there, then I'll just copy and paste...below is the code again for the last time hopefully! Sorry, I am such a novice!!

      I'll be stepping out for the next few hours...not sure where you're located, but THANKS SO MUCH for all the help. We'll get it squared away...I am fairly good at following directions, just not a pro with CODE!! If there is any duplicate stuff there, it is definitely my fault...!!!! :)
      #accessibility {
    width: 55px;
    height: 16px;
    margin-top: 10px;
    float: right;
}
 
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;padding-right: 8px;}
 
 
 
#accessibility {
       float:right;
       height:16px;
       margin-right:15px;
       margin-top:1px;
       width:55px;
}
 
#accessibility #buttons {float: right;padding-right: 8px;}
 
 
#accessibility .button {
       display: block;
       float: right;
       width: 16px;
       height: 16px;
       margin-right: 4px;
}
 
 
.fontbutton-text {
       color:#333333;
       position:absolute;
       right:70px;
       top:1px;
}
    • Best Regards,

      Tommy Jordan
      Twisted Networx
      twistednetworx.com
    #417288

  • Re: Code Fix for Text Size Buttons

    Posted 15 years 1 week ago
    • replace what you have with this:

      (use the copy/past function!)
       
 
 
#accessibility {
float:right;
height:16px;
margin-right:15px;
margin-top:1px;
width:55px;
}
 
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;padding-right: 8px;}
 
#accessibility .button {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
 
.fontbutton-text {
color:#333333;
position:absolute;
right:70px;
top:1px;
}

      Also be sure that this is still in your file!
       
 
a.large .button {background: url(../images/font-lg.png) 0 0 no-repeat;}
a.small .button {background: url(../images/font-sm.png) 0 0 no-repeat;}


      What you can also do is ZIP the template_css.css file. When you have it zipped and then "upload attachment". Then it will be accepted. I would suggest to do that!
    • Best regards,

      Piet Nutbey

      Joomla Video Tutorials: www.joomtorial.com
    #417297

Time to create page: 0.057 seconds