Need help? Check out our Support site, then


Massive Press - CSS Help!

  1. I am trying to implement my custom design on the Massive Press theme, but I do not know the relevant CSS snippets.

    I would like to increase the padding between the left sidebar, center widgets and right sidebar in order to expand the content away from the center. Basically spread out horizontally.

    Also, I would like to increase the size of the main Navigation as it is quite small at the moment.

    Please help with finding the correct CSS for this!

    The blog I need help with is blesque.ch.

    The blog I need help with is blesque.ch.

  2. Hi there, to increase to the size of the menu text, add the following and adjust the font size as desired.

    .site-navigation a {
        font-size: 100%;
    }

    On the spacing, I'm not completely sure I understand what you are wanting. Can you explain what you want wider? Generally increasing padding between elements means those element will have to get narrower unless you increase the overall width of the entire container area.

  3. Thank you so much for the navigation code.

    In regards to the spacing issue, I basically want to increase the overall with of the front page container. At the moment there are basically 3 chunks of content (left sidebar, main image slider area, right sidebar). I would like to expand the area between the 3 so that they are not clumped at the center of the page, but rather more spread out (taking up more width of the page).

    I hope this makes sense and I hope there is a solution for it! Your help will be greatly appreciated!

  4. Ah yes, now I fully understand. This increases the overall maximum width by 300px and keeps the proportions (percentage width) of all the columns.

    .container {
        max-width: 1260px;
    }

    This increases the overall width again and then narrows the left and right sidebars and increase the center column width.

    .container {
        max-width: 1260px;
    }
    #secondary.grid-3, #tertiary.grid-3 {
        width: 18%;
    }
    #primary {
        width: 51.5%;
    }
  5. Try both solutions and see which one you like the best. Widths can be adjusted too if this is not exactly what you are looking for.

Topic Closed

This topic has been closed to new replies.

About this Topic