Forum Replies Created
-
Posts
-
My entire code is:
.home #features {
padding-bottom: 0;
}
.slick-slide .overlay {
opacity: 0 !important;
}
#featured-slider article {
padding: 200px 0;
background-position: 100%;
height: auto;
}
#client-testimonial .overlay {
opacity: 0.0 !important;
}
.home #our-services .entry-content p {
display: none;
}
#contact-us .overlay {
opacity: 0.2;
}
#contact-us .section-title {
color: #000;
font-weight: bold;
}
#contact-us .section-subtitle {
color: #000;
}
.contact-address ul.contact-details {
color: #000;
}
.contact-form {
background-color: #fff;
}
.featured-image {
display: none;
}
.page-id-2123 div#page-site-header {
display: none;
}
@media only screen and (max-width: 767px){
#featured-slider {
display: none;
}
}As you can see (http://www.caninekarma.org/) this definitely didn’t help.
What am I doing wrong?
I give up! I’ve uploaded the slider images as 800X400, but it doesn’t help! What am I doing wrong?
Here’s all of the code I have in CSS:
.home #features {
padding-bottom: 0;
}
.slick-slide .overlay {
opacity: 0 !important;
}
.slick-slide {
height: 80vh;
}
#client-testimonial .overlay {
opacity: 0.0 !important;
}
.home #our-services .entry-content p {
display: none;
}
.featured-image {
display: none;
}
.page-id-2123 div#page-site-header {
display: none;
}
@media only screen and (max-width: 767px){
#featured-slider {
display: none;
}
}I put the code in for
.slick-slide {
height: 80vh;
}
simply to try to reduce the height of the slider. But I just can’t get it to not take up so much real estate. Ugh!I’ve simply removed the call button. It’s redundant anyway, as I’ve placed the phone number under our logo & the user can simply click it to call. Thank you.
We want the sliders to be the same height as the header image on the other pages. I’ve uploaded the same size image (1200 X 528), but I can’t get it to resize correctly.
What should the correct size of the slider images be? We feel like the slider is taking up too much of the front page real estate. Is there a way to minimize this?
Thank you sooooo much!
Is there a way to change the Header image and make it a slider, creating different sliders, for different pages?
The reason the Service section is only displaying the Title is because I created a blank page, with only the title, & added code to redirect that page to the correct page. If you click on one of those, you’ll notice that it’s very clumsy. Is there a way to choose the correct page, but ONLY show the Title? If so, is there also a way to NOT show the featured image on the correct landing page?
