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*

Tabulator for text on business home page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #39114
    Thomas
    Participant

    Dear Support-Team,

    I have placed different widges on the homepage as service widget and promo box.
    I have activated “No sidebar full width” at the page customization in order to see background in full width.

    Now I want to add some text in an additional widget.
    I tried different widges, but I always have the same Problem: Test will be displayed directly on the left border of the page.
    I guess the reason is the activation of full width.

    I want to have the Text begin and end in the same width/format (bur one large column) as the width of service widget. The aim is that the new text and service-widget-text will be displayed properly among one another.

    How can I do this? Maybe there is another widget?

    Thank you.

    Best

    Thomas

    #39173

    Hi Thomas,

    Can we have the site URL where you have set the “No sidebar full width”?

    Thank you!

    #39241
    Thomas
    Participant

    Hallo Support Team,

    the URL is http://www.thomasvlcek.de

    I have deleted the text widget on account of missing borders.
    But you can still see the problem when you narrow the browser window until you have smartphone size. Then the picture in te middle will touch the borders while the service widget has still borders.

    Thank you.

    Best

    Thomas

    #39256

    Hi Thomas,

    To have the text widget as the width of service widget 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_text {
        margin: 0 auto;
        max-width: 978px;
        padding: 60px 0;
    }
    @media only screen and (max-width: 1078px) {
    	.business-layout .widget_text {
       		width: 708px;
       		padding: 30px 0;
    	}
    	.narrow-layout .widget_text {
     		width: 668px;
    	}
    }
    @media only screen and (max-width: 767px) {
    	.business-layout .widget_text{
    		width: 300px;
    	}
    	.narrow-layout .widget_text {
    		width: 280px;
    	}
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	.business-layout .widget_text {
    		width: 460px;
    	}
    	.narrow-layout .widget_text {
    		width: 440px;
    	}
    }

    And for the background image we have set it to covered the full screen size with background centered and it’s not an issue.

    Thank you!

    #39278
    Thomas
    Participant

    Dear Support-Team

    Thank you very much!!!

    Best

    Thomas

    #39295

    You Welcomw Thomas

    Thank you!

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