7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Changing column size in wordpress

by iconoclast
6 replies
  • WEB DESIGN
    • |
I'm wondering if I can change the width of the center column and right sidebar in a wordpress theme? If so, how? Thank you.
#changing #column #size #wordpress
  • Profile picture of the author Patrick
    Yes you can, but all themes are not same, so you need to give the link of the domain where your theme is installed.
    Signature
    Website Development | Shopify Development | WordPress Development |Headless Development
    {{ DiscussionBoard.errors[7505816].message }}
  • Profile picture of the author iconoclast
    Take a look at this theme please. magicmushroommastery.com I would like the nav bar to be a little shorter and I would like to eliminate most of the padding around the different elements. What do you think?
    {{ DiscussionBoard.errors[7507025].message }}
    • Profile picture of the author Patrick
      Originally Posted by iconoclast View Post

      Take a look at this theme please. magicmushroommastery.com I would like the nav bar to be a little shorter and I would like to eliminate most of the padding around the different elements. What do you think?

      Well, your reply is totally different than what you had asked before. Before you wanted to change width of columns, but in that site there is only one column.

      If you want to reduce the width of the menu bar,

      Go to custom-styles.css in your suffusion theme directory, and change the width of #nav

      About the padding, there are so many elements, which element you are referring to?
      Signature
      Website Development | Shopify Development | WordPress Development |Headless Development
      {{ DiscussionBoard.errors[7507147].message }}
    • Profile picture of the author clickbump
      Originally Posted by iconoclast View Post

      Take a look at this theme please. magicmushroommastery.com I would like the nav bar to be a little shorter and I would like to eliminate most of the padding around the different elements. What do you think?
      Try this for starters (add this to the bottom of your style.css)

      Code:
      #nav {padding:5px 0 0 5px}
#nav .sf-menu li {padding:0;}
#nav .sf-menu li a {padding:0 10px;margin:0}
      Here's an explanation of what's happening, so you can tweak the values to suit your needs.

      Code:
      #nav {padding:5px 0 0 5px} //This sets the spacing around the whole navigation bar
#nav .sf-menu li {padding:0;} //This sets the spacing around the list item elements
#nav .sf-menu li a {padding:0 10px;margin:0} //This sets the spacing around the links in the navigation bar
      Signature
      {{ DiscussionBoard.errors[7507199].message }}
      • Profile picture of the author iconoclast
        Thanks, that made the buttons smaller the nav bar space is still large and now the nav bar goes too far to the right.
        {{ DiscussionBoard.errors[7507708].message }}
        • Profile picture of the author clickbump
          Originally Posted by iconoclast View Post

          Thanks, that made the buttons smaller the nav bar space is still large and now the nav bar goes too far to the right.
          Not sure exactly what you are looking to do. I just gave you a list of the css hooks you need to do whatever you want to the navigation area of your template. I also provided some comments next to each line to help you along. You just need to know a tiny bit of CSS to customize it.

          If you can be a bit more specific about exactly what you are trying to do, or better yet, provide a screenshot with markup, someone here can probably help you get exactly what you want.
          Signature
          {{ DiscussionBoard.errors[7508643].message }}

Trending Topics