Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to shrink the top logo section height?

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #145971
    knowledgenotebook
    Participant

    Hi,

    Here’s our future new design landing page,
    http://66.147.244.77/~knowleo6/dev/

    I think its top logo section has too much height, and I’d like to shrink it to something like this:
    http://66.147.244.77/~knowleo6/dev/modified.jpg

    How do we do that?

    Thanks.

    #145973
    Paulie_D
    Member

    Reduce the padding?

    .header-block-pad {
    padding: 53px 31px 46px 52px;
    }
    
    #145986
    Paulie_D
    Member

    I have 4 css files, boostrap, reponsive, camera and style, which one to use?

    Where did you apply it?

    You really need to learn to use the developer tools that are built into modern browsers.

    As it happens it’s on line 248 of your style.css.

    #145990
    Nishant
    Participant

    In padding: 53px 31px 46px 52px; Just reduce to 53 and 46 according to you.

    #146001
    Nishant
    Participant

    i think to look like image you provided, change ( 53 to 25 ) and ( 46 to -10 ).

    padding: 25px 31px -10px 52px;
    

    here 25px is for top padding and -10px for down padding.

    and “hard refresh” your page by “shift + F5” button.

    #146008
    Nishant
    Participant

    Actually “Software for Students” is not text, it is an image. So to change it’s color to white you will have to edit http://66.147.244.77/~knowleo6/dev/img/logo.png” in any photo editing tool.

    #146016
    Nishant
    Participant

    was it before change the padding ?

    to confirm it just change padding to previous padding: 53px 31px 46px 52px;.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.