Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 27, 2013 at 4:36 pm #26817
    satucker

    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

    July 29, 2013 at 1:35 am #131724
    Devin

    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

    August 1, 2013 at 1:53 am #131725
    satucker

    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

    August 2, 2013 at 8:34 pm #131726
    Nick

    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

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