Layout adjustments

Homepage Community Forums Aspire Theme Support Layout adjustments

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22476
    Bristol
    Customer

      Hi there, I have 3 problems I’d like to ask about, that hopefully are fairly simple:

      1/ So, I want to keep the blog’s sidebar the same width as the default.

      BUT how do I make the blog page’s main section wider? I tried to set it to 800px, but the theme became non-responsive on mobile

      2/ How do I increase the blank left-hand section of the blog page? I mean… the blank area before the block of text starts. If I did this correctly, then the blank right-hand section — past the sidebar — would shrink by the same amount.

      In effect, I’m moving the blog page a little to the right, 10beasts style.

      3/ Is it possible to alter the number of pixels between the lines of text? I think it’s called ‘leading’?

      #22480
      Wes
      Moderator

        Hi, do you have a link to your site? I can take a look and let you know which lines you’ll need to adjust.

        #22483
        Bristol
        Customer
          This reply has been marked as private.
          #22485
          Wes
          Moderator

            The main width of the theme is 1140px.

            The content area at the moment is 700px and the sidebar is 360px. There’s also a tiny bit of spacing in between since one is floating to the left and the other to the right. The more you increase one of those divs, the more the gap closes. If you increase the left, it gets closer to the right….(same thing for the right to the left).

            If you added 800px to the content area then that would exceed 1140px. Anytime 2 divs become too wide for the width they are contained in, one of those divs will fall off the side and under the other.

            When increasing one of the divs, you have to calculate to make sure they both fit and don’t exceed the main width. You can still increase it, just make sure it’s not too much or else you’ll need to adjust the other div.

            The content div/section can be found on line 700 in your style.css –

            /* ### Content */
            
            .content {
            	float: right;
            	width: 780px;
            }

            The sidebar div/section is on line 723 –

            /* ### Primary Sidebar */
            
            .sidebar-primary {
            	float: right;
            	width: 360px;
            }

            I’m not sure what you’re referring to in Question #2, but it sounds like the above suggestion may help or have something to do with the solution? My suggestions above focuses on the width of both the content and sidebar width, so hopefully that helps.

            Question #3: Are you referring to Line Height? The space between each line? Or the space between each Paragraph? Those are 2 different things so let me know if you’re referring to one of those.

            #22487
            Bristol
            Customer

              Thanks that’s very helpful!

              Yes, I’m thinking of the space between the lines of text. But the other 2 things you mention would be nice to know also.

              I’m guessing they are all in this style.css file? Can I ask — do Devs normally edit this file from the WP dashboard, or do they use FTP to d/l it, make the changes, then re-up it?

              I’d like to follow your best practice. Thanks

              #22491
              Bristol
              Customer

                I made the advised CSS edit, changing the width to 800 and I compensated by reducing the sidebar to 300.

                On Firefox, I can measure the pixels on screen and the changes have worked. But on Chrome, the original measurements are still displayed, as though no change has been made.

                I have waited overnight and cleared cache, but Chrome is not accepting

                #22500
                Wes
                Moderator

                  I’m viewing your site in Chrome and it’s showing the Content section at 800px width and the sidebar at 300px. So it looks like it’s working.

                  Sometimes the Chrome browser needs the cache to be cleared (which can usually be done by reloading the page for instant results)…..and then there are times when you have to reset the entire browser to fix whatever is preventing the cache to clear. It doesn’t happen all the time, but every once in a while it does. I think it may just be either a Browser error/bug or an addon/extension causing that to happen I usually just click the reload button to clear cache anytime I make a CSS change.

                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.