Home Page tweaks.

  • Resolved ChuckH58

    (@chuckh58)


    8 years, 3 months ago

    I am working on a site for a customer and he is requesting that I adjust the Home Page so it is not so long on the browser. He wants it set up so it does not scroll. I got the content down to a minimum, but the area he wants smaller is in a section which the theme does not allow me to make smaller, or so I think. I have tried to find out how to do it using the Custom CSS plugin by copying and pasting from the theme style sheet and changing it there. The site is brooksvillebrewing.com and the section he wants shortened is the large black background area that contains the three icons, the copyright, and the footer links. There are two sections here, the top one is “#main” and under it is “#clearfix”. I tried making these shorter but when I did the page itself did not get shorter, it just showed another layer of a different color behind it, and it also distorted the display on the phone view.
    Is there a CSS fix or other fix for this to do what I want to do?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Does he not want it to scroll on his particular screen size? I.e. has he thought about mobile?

    Thread Starter ChuckH58

    (@chuckh58)

    I did try to tell him that it would be hard to make it as small or short as he wants it.Mobile is a given for scrolling. But he does insist that I make the said area as short as I can get it and keep the icons visible, copyright, and menu visible. Is there a way for me to maybe change these areas to an image background instead of having it black?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’ll need to show us your website

    Thread Starter ChuckH58

    (@chuckh58)

    the URL is https://www.brooksvillebrewing.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It would be worth specifying which browser size you’re working towards.

    Thread Starter ChuckH58

    (@chuckh58)

    The Browser size is kind of irrelevant because the formatting will still show the ugly black sections that I want to make shorter or even get rid of.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There’s no point making it look pretty on my screen if I’m using a smaller or larger one that your client and vice versa.

    Thread Starter ChuckH58

    (@chuckh58)

    I tried to tell him that these areas that he wants smaller break the site if you try to make them do something they were not meant to do. I can not get them any shorter than they are. Any suggestions?

    Thread Starter ChuckH58

    (@chuckh58)

    I was able to at least change the background color of this area to an image using Custom CSS.
    body.page-template-homepage-php #main {
    background: url(https://brooksvillebrewing.com/wp-content/uploads/2016/08/brick_texture-259.jpg);
    }
    Maybe he will like this better than all of that black background.

    Thread Starter ChuckH58

    (@chuckh58)

    I found such an easy way to do this it makes me ashamed to even admit it after all of the tweaking I tried to do. All I had to do was create an entirly new “Home Page” with a new name of course and make it have a “Parent” page in the settings and also set it to use the “Home Page” template. From there I just put the new content in the editing area with just a bit more control as to where it is going. Instead of using the footer widget in the theme I imported jpeg’s into the editing area.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Home Page tweaks.’ is closed to new replies.