Hello Can you please help with the following issues? I have added screenshots to help. 1. How can I remove the text and "Get Started" button from the slider completely? 2. How can I change the slider background colour? 3. How can I change the font size in the Home Page Sub Heading section? 4. How can I remove the lines as per screenshot? 5. How can I centre the image at the bottom of the home page?
Hi, Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard. 1> Code: .flexslider .slides .content { display: none; } .flexslider .slides .imgmedia { width: 938px; height: 375px; background-size: cover; } .flexslider .slides .imgmedia img { width: 920px; height:360px; } .flexslider .slides .imgmedia span.slider-shadow { width: 920px; height: 360px; background-size: cover; } @media only screen and (max-width: 960px) and (min-width: 767px){ .flexslider .slides .imgmedia { width: 720px; margin-left: 12px; height: 337px; } .flexslider .slides .imgmedia img { width: 701px; height: 321px; } .flexslider .slides .imgmedia span.slider-shadow { width: 701px; height: 321px; } } @media only screen and (max-width: 767px) and (min-width: 480px){ .flexslider .slides .imgmedia img { width: 414px; height: 200px; } .flexslider .slides .imgmedia span.slider-shadow { width: 414px; height: 200px; } .flexslider .slides .imgmedia { width: 432px; height: 217px; margin-left: 20px; } } @media only screen and (max-width: 480px){ .flexslider .slides .imgmedia img { width: 264px; height: 136px; } .flexslider .slides .imgmedia span.slider-shadow { width: 264px; height: 136px; } .flexslider .slides .imgmedia { width: 282px; height: 154px; } } 2> Code: .slider_container { background: red; } 3> Code: .page_info p { font-size: 18px; } 4>&5> Please provide us URL of your website. Thanks, Praveen