Home Support Business Kit Pro Need custom CSS to address formatting


This topic contains 1 reply, has 2 voices, and was last updated by  ProDesigns 2 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #2083


    Site is temporarily hosted here: http://kingsmillwordworking.com/wordpress

    On the home page, I am looking to make two changes that is not available via the Customizer and requires CSS.

    1. In the slider, I would like to not have the text appear to the right as much as it interferes with the drop-down I have for “Services”.

    2. Under the slider, I would like to close the white gap between the image and text on both the right and left hand side. I would like to have the text right next to the image.



    Hi @abarnett88,

    You’re correct that the two changes do require CSS rules.

    Please log in to your admin area and go to “Appearance >> Customize >> Additional CSS”. Add the CSS rules mentioned below.

    @media screen and (max-width: 1023px) {
    	#featured-slider #main-banner .caption {
    		width: 50%;
    @media screen and (max-width: 851px) {
    	#featured-slider #main-banner .caption {
    		width: 80%;
    .business-kit-services .services-wrapper .inner-wrapper {
    	margin-left: 0;
    	margin-right: 0;
    .business-kit-services .services-wrapper .inner-wrapper .service-item {
    	padding-left: 0px;
    	padding-right: 0px;
    	margin-right: -1px;
    .services-wrapper .service-item .service-text-wrap {
    	padding: 10px;
    .services-wrapper .service-item:hover .service-thumb img {
    	top: -45px;

    This will get you what you need and also you should be able tweak the values as per your requirement.

    Thank you

    Team ProDesigns Themes

    • This reply was modified 2 months, 3 weeks ago by  ProDesigns.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.