queue  36
support
Results 1 to 6 of 6

Thread: Any way to use BLOCK STYLE to make the INTRO BLOCK less tall?

  1. #1
    Junior Member
    Join Date
    Jul 2017
    Posts
    10

    Any way to use BLOCK STYLE to make the INTRO BLOCK less tall?

    http://914.74d.myftpupload.com/project/dr-brown/

    I'd like to use that intro block as a custom header, but it takes up a lot of real estate for the amount of info.

    Any suggestions on another way to do this would be appreciated!

    I almost want to use the HERO BLOCK but its also too tall on a 13" laptop.

    Thanks, enjoying the theme.

  2. #2
    Lead Coder Fabio's Avatar
    Join Date
    Aug 2011
    Posts
    2,081
    Hello,


    try adding the following snippets to theme options -> custom CSS


    Code:
    section#section-32 {
        padding-top: 40px;
        padding-bottom: 0px;
    My cave is full of servers

  3. #3
    Junior Member
    Join Date
    Jul 2017
    Posts
    10
    Hi Fabio,

    Refreshing this thread.

    This helped but is still quite a bit of real estate for a lil ol title. (I even set that padding to 0px for both top and bottom in you custom snippet) Is there another work around? I want just the text with a small margin, 15px maybe. Is there another way to do this without the intro block?

    I also inherited a couple of bugs, not sure if they are related:
    - home slider image switched itself from fit to scaled (switched it back manually)
    - Projects grid turned its 'filters' option on on its own (switched it back manually)
    - anchor links now jump instead of scroll (still an issue)

    Thank you!

    Ben

    PS Here's my login if its helpful

    ** Hidden Content: You don't have sufficient privileges to see this hidden data **
    Last edited by bspiegelman; 02-24-2018 at 03:06.

  4. #4
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, Use this instead:

    Code:
    #section-Reels-Intro{
    padding-top:0 !important;
    padding-bottom:0 !important;
    }
    
    #section-Reels-Intro .row.medium{
    padding:0 !important;
    }
    I've tested your main menu and the links are scrolling for me. On what browser is it not working for you?

  5. #5
    Junior Member
    Join Date
    Jul 2017
    Posts
    10
    This worked perfectly on the home page! For future users, I adjusted the numbers in the top section to fatten it a bit, left the bottom alone. Thank you Donagh!

    I'd still like to shorten the height of the intro block on the Project pages, I tried to modify the CSS to do so but its over my head by quite a bit. Any help there would be fantastic.

    Home Page Succeess
    http://914.74d.myftpupload.com

    Project Page Target
    http://914.74d.myftpupload.com/project/dr-brown/
    Last edited by bspiegelman; 03-07-2018 at 03:00. Reason: Discovered I wasn't complete on this question

  6. #6
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, Try this:

    Code:
    #section-32{
    padding-top:0 !important;
    padding-bottom:0 !important;
    }
    
    #section-32 .row.medium{
    padding:0 !important;
    }