Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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



    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.




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



    That main image on your homepage, you can compress it a lot more without losing quality. Please try this 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;




Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Home page buttons’ is closed to new replies.