How can I Edit the header and footer layout of Kampina

Support Forums › Kampina › How can I Edit the header and footer layout of Kampina

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2024 at 7:30 pm #159
    moz
    Participant

    I wanna change columns width.
    …………………………….

    I wanna remove the Icon and add custom style background like button of booking page

    July 4, 2024 at 7:47 pm #161
    TigriWeb
    Keymaster

    Hi Moz,

    Please, add this styles to Appearance -> Customize -> Additional CSS:

    .site__header__button--search {
	display: none;
}

@media (min-width: 782px) {
	.site__header__button__list {
		margin-left: 0;
	}
}

.site__header .menu-item-4590 a {
	background: var(--kampina--color--secondary);
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 20px;
	transition: opacity var(--kampina--transition-speed) var(--kampina--transition-timing-function);
}
.site__header .menu-item-4590 a:hover {
	opacity: 0.6;
}
.site__header .menu-item-4590:after {
	content: none !important;
}

@media (min-width: 992px) {
	.site__footer__area__col--1 {
		max-width: 39%;
	}
	.site__footer__area__col--2 {
		max-width: 23%;
	}
	.site__footer__area__col--3 {
		max-width: 23%;
	}
	.site__footer__area__col--4 {
		max-width: 15%;
	}
}

    Best regards,
    TigriWeb Team

    July 13, 2024 at 12:02 am #164
    moz
    Participant

    Could you please help with this
    1. I can see on the quick look section of the footer their is space but it’s still breaking the page name into two lines.

    2. the button have extra space for some reason I tried removing but couldn’t.

    July 13, 2024 at 5:25 am #165
    TigriWeb
    Keymaster

    Hi Moz,

    Please replace the styles for the 3 and 4 columns (or just add them to the end of the styles):

    @media (min-width: 992px) {
	.site__footer__area__col--3 {
		max-width: 22%;
	}
	.site__footer__area__col--4 {
		max-width: 16%;
	}
}

    and add these styles to the button extra space:

    .site__footer__area__col--1 .wp-block-column {
	flex-basis: auto !important;
	flex-grow: 0;
}
.site__footer__area__col--1 ul.wp-block-social-links {
	margin: 0;
}

    Best regards,
    TigriWeb Team

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How can I Edit the header and footer layout of Kampina’ is closed to new replies.