Announcement

Collapse
No announcement yet.

how to adjust the left margin text, navbar?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    how to adjust the left margin text, navbar?

    Where can I find and can adjust the left margin of the text in the navigation bar?
    I use Prime theme.
    Attach pic.
    Attached Files

    #2
    Ulf,

    This may be a good place to start. A lot of issues you've had recently seem to stem from CSS knowledge, or lack of - a quick read over some of the tutorials will certainly enable you to resolve such issues.

    Comment


      #3
      Originally posted by grantglendinnin View Post
      Ulf,

      This may be a good place to start. A lot of issues you've had recently seem to stem from CSS knowledge, or lack of - a quick read over some of the tutorials will certainly enable you to resolve such issues.
      it is not as simple as the buttons are linked to the css

      Comment


        #4
        Using the Firebug plugin for Firefox is usually a good starting point as it allows you to pinpoint what CSS code is responsible. A basic knowledge f CSS is also necessary.

        Do you have a URL where it can be seen in action?
        Darren Guppy
        Golf Tee Warehouse
        Golf Tees and Golf Accessories.

        Comment


          #5
          You want to move the text closer to the left side of the buttons, correct?

          The buttons have been done in either of the following ways:

          By physically writing the text onto the graphic for the button.
          By creating a layout in CSS which applies the styling of the text, in this case, the CSS is styled to indent the text by X pixels.

          A URL would also help someone identify the issue.

          If you are not willing to post the URL on the community forum, download Firebug for Firefox, clicking on the text will tell you which layout the buttons are inheriting from the CSS.

          Cheers,
          Grant

          Comment


            #6
            I think I have found the URL in which case try the following:

            Change
            Code:
            padding:5px 0pt 5px 30px;
            to
            Code:
            padding:5px 0pt 5px 10px;
            in
            Code:
            .graduated-link a {
            background-image:url(prime_link_background.gif);
            background-repeat:no-repeat;
            border-color:#3366CC -moz-use-text-color -moz-use-text-color rgb(51, 102, 204);
            border-style:solid none none solid;
            border-width:1px 0pt 0pt 1px;
            display:block;
            font-weight:bold;
            padding:5px 0pt 5px 30px;
            text-decoration:none;
            }
            of your CSS file
            Darren Guppy
            Golf Tee Warehouse
            Golf Tees and Golf Accessories.

            Comment


              #7
              Originally posted by Golf Tee Warehouse View Post
              I think I have found the URL in which case try the following:

              Change
              Code:
              padding:5px 0pt 5px 30px;
              to
              Code:
              padding:5px 0pt 5px 10px;
              in
              Code:
              .graduated-link a {
              background-image:url(prime_link_background.gif);
              background-repeat:no-repeat;
              border-color:#3366CC -moz-use-text-color -moz-use-text-color rgb(51, 102, 204);
              border-style:solid none none solid;
              border-width:1px 0pt 0pt 1px;
              display:block;
              font-weight:bold;
              padding:5px 0pt 5px 30px;
              text-decoration:none;
              }
              of your CSS file
              Thank you very much for help.
              For some reason had not css file updated when I changed the theme from Smart to the Prime.

              Comment

              Working...
              X