badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How to set a smaller margin

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #26464
    Nienke
    Participant

    Hello,

    I used the business template for my homepage and used the visual editor widget to add some text. Im using the wide layout for my site.
    My problem is that the text written with the visual editor is very wide which makes it hard to read. How can I make this smaller?

    Nienke

    #26467

    Hi Nienke,

    Could you please provide your site Url and which section are you talking about? Please make it more clear.

    Thank you!

    #26470
    Nienke
    Participant

    Hi,

    No problem, the link to my website is: http://www.emotiealsmedicijn.nl/
    The problem I am talking about is directly below the slider on the homepage.

    I am looking forward to reading your response.

    Kind regards,
    Nienke

    #26555

    Hi Nienke,
    We have designed our Business template to have our own widget so your text widget is not displaying correctly.
    Anyways to reduce the width of text widget in business template Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    .business-layout .widget_black_studio_tinymce {
        margin: 0 auto;
        padding: 50px 0 30px;
        width: 990px;
    }
    @media only screen and (max-width: 1078px) {
    	.business-layout .widget_black_studio_tinymce {
    		 width: 708px;
    	}
    	 .narrow-layout .widget_black_studio_tinymce {
    		width: 668px;
    	}
    }
    @media only screen and (max-width: 767px) {
    	.business-layout .widget_black_studio_tinymce {
    		width: 300px;
    	}
    	.narrow-layout .widget_black_studio_tinymce {
    		width: 280px;
    	}
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.business-layout .widget_black_studio_tinymce {
    		width: 460px;
    	}
    	.narrow-layout .widget_black_studio_tinymce {
    		width: 440px;
    	}
    }
    @media only screen and (max-width: 319px) {
    	.business-layout .widget_black_studio_tinymce,
    	.narrow-layout .widget_black_studio_tinymce {
    		width: 95%;
    	}
    }

    Thank you for using our theme.

    #26597
    Nienke
    Participant

    Thank you very much. It works perfectly!

    Kind regards,
    Nienke

    #26603

    Hi Nienke,

    That’s Great!

    Could you also please help us rating this theme in WordPress Repository.
    https://wordpress.org/support/view/theme-reviews/ultimate
    We really appreciate your rating.

    Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.