Legacy full width page border

Homepage Community Forums Legacy Theme Support Legacy full width page border

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9548
    jack
    Customer

      We have added a radius border to the sidebar and to the internal page content areas. It works just fine as long as the page is not full width. Once the page is set to full width, the right border and radius corners on the right are gone. Have looked and tried many css fixes to remedy this with no success. Here is what was modified to get the borders in place:
      #content {
      float: left;
      border: 2px solid #000000;
      border-radius: 5px;
      background: url(images/sidebarbackground.png);
      padding: 0px 5px 0px 5px;
      }

      The page we are experiencing this issue of the missing right border is: http://besearched.biz/bennetts/photos/

      Thanks! Please also cc response to doug@besearched.com 馃檪

      #9556
      Wes
      Moderator

        It actually has to do with another part of your code called – .full-width-content #content on line 975 in your css. It’s set to 960px, but if you add a border or border radius, you have to adjust your width of the content to make room for that border. Example, if your width is 960px, and you add 2px on the left and right (4px total), then you’ll need to decrease the width to 956px. Does that make sense?

        Here is how I fixed it, I changed the 960px to 946px and the border shows up. You can adjust this more if you need to –

        .full-width-content #content {
            width: 946px;
        }
        #9557
        jack
        Customer
          This reply has been marked as private.
          #9565
          Wes
          Moderator

            No problem 馃檪

            Looks good. Be sure to add it to the showcase that I’m building here – https://appfinite.com/showcase-your-site/ if you’re interested.

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