- This topic has 3 replies, 2 voices, and was last updated 3 years, 11 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › Free Themes › Travel Insight › Features slider help + Logo
Hi,
How do I make the Slider on the homepage larger in height?
And also how do I make the logo larger?
Lastly, how do I remove the gray/transparent box on top of the slider?
Hello @soren
Please add these CSS Codes code in the theme.
Css Code to make slider height larger – you can adjust value as your requirement – only change first value not ‘0’
.slide-text-only .main-slider{
padding : 160px 0;
}
Css Code to make logo larger – you can adjust height and width as your requirement
.site-logo img {
height: 130px;
width: 300px;
}
Css Code to remove gray transparent box
.slide-text-only .main-slider .regular{
background: none;
max-width: fit-content;
}
.slide-text-only .main-slider .slick-prev {
left: 20px;
}
.slide-text-only .main-slider .slick-next {
right: 20px;
}
.slide-text-only .main-slider .regular .main-slider-contents{
max-width: 600px;
}
To add the above CSS please follow my instruction.
Go to Admin Panel > Appearance > Customize > Additional Css, paste all of the css here then published and refresh. You will see changes
Hope this helps you
Please help us by giving a review if you like our theme and support.
here is the link https://wordpress.org/support/theme/travel-insight/reviews
Thanks in advance for a review
Regards,
Psink
Hi again
I can only make the logo wider with that CSS. Not add height.
The grey box has been removed. However, I not have issues removing the secondary menu on the homepage picture. Please check find-skiferie.dk
Furthermore, with that CSS I am not able to adjust the height of the homepage picture.
What do I do? 🙂
At the buttom of the page, there is a “previous” button. How do I remove this as well?
Hello @SOREN
Add these CSS in Addtional Css.
Css For logo
.site-logo img {
max-height: 180px;
width: 331px;
}
Css for homepage image
section#main-slider-section {
padding: 50px 0px;
}
Css for button
.nav-previous, .nav-next {
display: none;
}
Hope this helps
Regards,
Psink
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |