Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26817

    I’d like to make the home page buttons a little larger and still have them spread across the width of the page evenly. Is there a way to do this?

    Its the buttons below the home page slider at shanetucker.com

    #131724

    Hi

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (min-width: 1140px){

    #top.home #after_full_slider_1 .container,
    #top.home #after_full_slider_1 .container .twelve.units {
    width: 100%;
    }
    }

    This should get you part of the way there depending on the full effect you want. The media query makes it only effect screen sizes larger than 1140px and will increase the container of those units.

    Regards,

    Devin

    #131725

    So I added the code, still no change? I also changed the size of the photography image so what can I do now?

    shanetucker.com

    #131726

    Hi,

    That main image on your homepage, you can compress it a lot more without losing quality. Please try this http://jpeg-optimizer.com/ at 65 compression, and turn off size change. Its quite good.

    This css will do the trick, its targeted only for the home page

    #top.home .avia_image.avia-align-center {
    width: 270px;
    }

    `

    Thanks,

    Nick

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Home page buttons’ is closed to new replies.