• viccrack

    (@viccrack)


    my site

    https://www.tutorialbasket.com

    i want to know how should i add borders between side bar and posts . plus i want to know that whenever i put a text add into any post my wide skyscraper add disappears so is there any solution for that

    thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • CrouchingBruin

    (@crouchingbruin)

    How much do you know about CSS? You want to go to Appearance > Montezuma Options > CSS Files > layout.css and you can adjust the padding for either the main area or the sidebar there.

    plus i want to know that whenever i put a text add into any post my wide skyscraper add disappears so is there any solution for that

    When I look at this post and this post, I see both the ad inside the post and the ad in the sidebar.

    Thread Starter viccrack

    (@viccrack)

    but i was talking about the text adds in the post whenever i put one in there . my widest skyscraper on the right disappears .

    oh i know a bit about css i will try and let you know
    thank you

    Thread Starter viccrack

    (@viccrack)

    well i tried the padding is shrinking the size of the sidebars it’s actualy good but i need the borders ??

    CrouchingBruin

    (@crouchingbruin)

    but i was talking about the text adds in the post whenever i put one in there . my widest skyscraper on the right disappears .

    Can you please post a link to a page where the skyscraper ad in the right sidebar does not appear? I looked at this page, this page, this page, and this page, and all four pages show a skyscraper ad underneath the search field, as well as an ad in the main post.

    Here are the screen captures showing the ads in both the main post and the sidebar: Page 1, Page 2, Page 3, Page 4.

    CrouchingBruin

    (@crouchingbruin)

    well i tried the padding is shrinking the size of the sidebars it’s actualy good but i need the borders ??

    If you need to increase the size of the sidebar, you need to read the documentation under Appearance > Montezuma Options > CSS Settings > Editing CSS, which talks about the grid system used by Montezuma. Montezuma is based on a 960px wide grid or a 100% grid (although very few people pick the 100% grid). The default is the 960px grid, so if you widen the sidebar, then you have to also shrink the main content area so the overall width remains at 960px. This is done through the use of classes (col1 through col12) with each column class having a certain width. You just have to make sure the column classes add up to 12 (which will also get all of the elements to add up to 960px in width) so the responsiveness of the theme works correctly.

    If you then go to Appearance > Montezuma Options > Main Templates and look a the index.php virtual template, you’ll see that by default, the content div has a class of col8 while the sidebar has a class of col4 (col8 + col4 = 12). So the content area will be about 640px wide (960 / 12 x 8 = 640), while the sidebar will be about 320px wide (960 / 12 x 4 = 320). That is approximate, because you also have to take into account any “gutter” between sections that is set by the margins. So if you want to make your sidebar wider, set the class of the sidebar to col5 and the content to col7 (since they have to add up to 12). That will make your content area about 560px wide and your sidebar about 400px wide.

    If you read the documentation under Appearance > Montezuma Options > CSS Settings > Choose CSS Grid, it will explain how you can set a custom width for your columns, but you still have to make sure your columns add up to 960px or the responsiveness won’t work correctly. I should have pointed out in an earlier post that to get more separation between your sidebar and main content area, you could have picked a grid with a bigger margin area in this section instead of changing the padding values.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘how to ?’ is closed to new replies.