• Hi Everyone!
    This is my first post! TYhat’s the problem. I am using the theme Arcade Basic by Bavotasan for my website. I would like to change the header size (making it longer) but only for the inner pages. I tried everything and I did every sort of modification to the code but there’s no way to separate changes to the home page header from the ones to the header of inner pafges. Can anybody help me?

    This is the website under construction: https://www.pills-of-life.com

    Thank you very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter daniela.rx

    (@danielarx)

    Guys! Please somebody help me!
    Thanks!

    Hi Daniela
    I would like to help you out. Can you be more specific???
    Do you want to change size of the container or just a letters like ABOUT,

    I WAS DOING SOME EXPLORING AND……
    TRY THIS CODE PUT TO YOUR custom CSS or to your child theme style.css

    #menu-item-126, #menu-item-60, #menu-item-42, #menu-item-45, #menu-item-48, #menu-item-63, #menu-item-51, #menu-item-54, {
    width: 211px;
    }

    Try to set value to the width: some your No. px
    You have to specify the ID of the pages you want to change size of the menu on.
    Page ID menu-item-36 is your homepage so I excluded it from suggested snippet

    I hope this will be helpful to you.
    Cheers
    Tahoe Rock

    Thread Starter daniela.rx

    (@danielarx)

    Hi Tahoe Rock,
    thank you so much for answering and trying to help me.
    Well, as you can see in the inner pages of the websites there is a header image, white and shorter with respect to the one in the homepage.
    This image is cropped by default. Actually the white image is much longer. So I would like the header displaying a longer part of the image on the inner pages, without touching the homepage.

    Thank you so much for the code. I introduced it but it didn’t work.

    How do I have to proceed in your opinion?

    Thank you so much again!

    Thread Starter daniela.rx

    (@danielarx)

    Can anybody help please? Nobody has ever had this problem? ??

    Hi Daniela
    My apologies for a delay.
    I got home to the computer just now and heard your begs.

    I hope I understood your request properly now.
    You want to have white pix on other pages same height as a dark one which is on home page, aren`t you????????? (I hope what you call longer means higher, because the width is OK on all sites)
    If so.
    Here is what I came up with:
    Put this code to your custom CSS or to the child theme style.css file
    If you do not know what does it mean let me know.

    .title-card {
    height: 360px;
    }

    If it is not working then try to push it with another command:

    .title-card {
    height: 360px!important;
    }

    .title-card has a style property 454px on your home page, but on the other pages is just 300px. Thats why you have a smaller pix in the height on other pages.
    Max height for the white pix can be just 360px, When you increase it it does nothing.
    Dark pix on home page is bigger on height then white one.

    I hope this is what you have expected.
    It is not 100% but at least you will get a sense what is going on.

    Are you familiar with some development tool like FIREBUCK or CHROME DEV TOOLS for inspecting the elements??? This is great tools for exploring your elements
    Here is a ling to youtube tutorial:
    https://www.youtube.com/watch?v=tdIk2PztcL0

    Sorry for being so late, but I was busy and could not get to my Mac sooner.
    Best regards
    Tahoe Rock

    I thing that main problem is that css is written directly to the elements like header pix and otherpage pix, it does not have separate css file for all css needs

    When it is not working
    ….. here is other choice:

    .title-card {
    height: 420px;
    }
    
    .header-img {
    position: absolute;
    top: auto;
    }

    OR

    .title-card {
    height: 420px!important;
    }
    
    .header-img {
    position: absolute;
    top: auto!important;
    }

    420px is a max I could get from the size of the pix on other pages then header.

    Cheers
    Tahoe Rock

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header size inner pages. Please Help!’ is closed to new replies.