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
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!
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