Massive Press – CSS Help!

  • Author
    Posts
  • #1554753

    fahmadova
    Member

    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.

    #1554846

    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.

    #1554855

    fahmadova
    Member

    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!

    #1554856

    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%;
    }
    #1554857

    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.

The topic ‘Massive Press – CSS Help!’ is closed to new replies.