Hi, this is a quick question. I changed the homepage width for the footer, menu area, and body area to 1400px. On the homepage, I use the 2 sidebar layout. However, the featured slider won't show the same width as the rest of the page. It is still 1170px. Is there a CSS code to change the width for all featured sliders to 1400px? Thanks a lot, Chris
Unfortunately, the Soledad theme doesn't have an image that has 1400px width, you can select the full-width image size to display (1920 width) by going to Appearance → Customize → Features Slider → General, select the image size at Custom Image Size on the Slider.
Thank you very much. This worked well. Also, thank you for the quick reply. Awesome customer service.
I have just one more little favor to ask. If you look at the pdf below showing the website in mobile / tablet view, you will see that the menu bar and the footer section (both set to 1400px width) do not show padding on the left and right side of the screen like the body section does. Is there a way to add this padding for the menu and footer sections? Thank you very much for your help, Chris
Hi, this is a quick question. I changed the homepage width for the footer, menu area, and body area to 1400px. On the homepage, I use the 2 sidebar layout. However, the featured slider won't show the same width as the rest of the page. It is still 1170px. Is there a CSS code to change the width for all featured sliders to 1400px? Thanks a lot, Chris
Hi,
Unfortunately, the Soledad theme doesn't have an image that has 1400px width, you can select the full-width image size to display (1920 width) by going to Appearance → Customize → Features Slider → General, select the image size at Custom Image Size on the Slider.
Regards,
PenciDesign.
I don't want to change images sizes, I want the slider to be the same width as the page. Cheers, Chris
Hi,
Can you send me your site URL? I'll check and send you a custom CSS code.
Regards,
PenciDesign.
https://doctorpawlittle.com
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.featured-area .container {width: 1400px;
} @media only screen and (min-width: 961px) and (max-width: 1400px) {
.featured-area .container {
width: 100%;
}
}
Regards,
PenciDesign.
Thank you very much. This worked well. Also, thank you for the quick reply. Awesome customer service.
I have just one more little favor to ask. If you look at the pdf below showing the website in mobile / tablet view, you will see that the menu bar and the footer section (both set to 1400px width) do not show padding on the left and right side of the screen like the body section does. Is there a way to add this padding for the menu and footer sections? Thank you very much for your help, Chris
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 960px) {#widget-area .container,
#navigation .container {
padding-left: 30px;
padding-right: 30px;
}
}
Regards,
PenciDesign.