Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #176186
    vraba
    Participant

    Hallo, in supplementary we have 4 widgets.
    Unfortunately, they all are 100% of page. What code should I use to center all these widget (I think the demo theme has it).
    Thank you.

    #176210
    Skandha
    Participant

    @vraba: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .widget-title, .widget-wrap {
    	text-align: center;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #176247
    vraba
    Participant

    Thank you, but I meant – see picture.footer

    #176295
    Skandha
    Participant

    @vraba: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #sb_instagram {
    	margin: unset;
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #176296
    vraba
    Participant

    Hallo, no no 🙂
    The whole supplementary is right now align to full width… if you use large monitor, it will appear on full width. I want to have all four widget align just in width 900px? So it means, there will be (on large monitor) space on left and right side. Thanks.

    #176334
    Skandha
    Participant

    @vraba: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width: 900px) {
    	.sidebar-primary .widget, #featured-content.layout-four .hentry, #supplementary.four .widget-area, #supplementary.three .widget-area, #supplementary.two .widget-area {
    		width: 25%
    	}
    	.sidebar-primary .widget:nth-child(2n+1), #featured-content.layout-four .hentry:nth-child(2n+1), #supplementary .widget-area:nth-child(2n+1) {
    		clear: none;
    	}
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #176339
    vraba
    Participant

    Unfortunately it does not do anything 🙁
    I would like to have the same as our ecommerce website – see picture
    footer

    #176540
    Skandha
    Participant

    @vraba: Hello Ondrej,
    Go to => Appearance => Customize => Additional CSS and remove the following CSS Code.

    #supplementary .wrapper {
    	border-top:5px solid #2ecc71; width: 100%;
    }

    Now add the following CSS Code.

    #supplementary {
    	border-top:5px solid #2ecc71;
    }

    Let me know if this resolves the issue you are having!
    Kind Regards,
    Skandha

    #176553
    vraba
    Participant

    This is it! And I never regret I recommend you – your support is awesome! Thank you.

    #176561
    Skandha
    Participant

    @vraba: Hello Ondrej,
    Glad I was able to help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Supplementary align’ is closed to new replies.