badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

CSS not working

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #76838
    wittek.vincent
    Participant

    Dear Theme Horse Team!

    I have a few problems with the front page of my website, I am really new to all this.
    My page is joind.nl, and you can instantly see that the logo is wayyyyy to big, and i also was not able to get rid of the Page title field.
    I tried a couple of additional CSS commands but none of them seem to be working at the moment. Can you help me with this?
    I tried for example:

    .page-id-85 .site-content {
    padding-top: 0px;
    }

    or

    .page-header .page-title-wrap {
    display: none;
    }

    or

    header a.logo-light img {max-height: 26px;}

    But nothing had any effect…
    Thank you for your help
    Vincent

    #76875

    Hi @wittek-vincent,

    To reduce the size of logo please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.

    .navbar-brand .custom-logo-link {
    	display: block;
    	width: 100%;
    	max-width: 180px;
    }

    and for the other codes, we couldn’t understand what actually you want to do? first Let us know about your requirements then we will try to provide you the solution for it. We don’t want to provide you the codes without knowing your requirements because it might affect you whole Site display.

    Thanks

    #76881
    wittek.vincent
    Participant

    Ah yes, thank you so much with your code it instantly helped to reduce the logo size.
    The other code I tried to input was to hide the page title “front page” and also the white field it was on. I would like to have my first picture to start immediately after the nav bar. I actually copied the code from another post of this forum where somebody had the same problem, but it seems to be different.
    If you could help me out with that as well I would be very grateful ;).
    Thanks

    #77010

    Ok got it.
    Please again add the below code just beneath the previous code that we provided on ‘Appearance > Customize > Additional CSS’.

    body.page-id-103 .site-content {
    	padding-top: 0;
    }
    body.page-id-103 .site-content .site-main .entry-header {
    	display: none;
    }

    Thanks

    #77067
    wittek.vincent
    Participant

    oaky it that worked! At first it was not completely gone, just a bit smaller but the page title was still there, but when left eh page title empty in the page overview, it disappeared. This pretty much solves the problem, thank you very much! Would you still maybe know a way to hide the page title without deleting the title from the pages list?
    Thank you very much
    Vincent

    #77354

    Ok we have made a minor changes to the above code that we have provided. Please follow the same instruction using the same code again. This time you don’t have to remove the Page title.

    Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.