- This topic has 9 replies, 2 voices, and was last updated 4 years, 8 months ago by Skandha.
-
AuthorPosts
-
July 2, 2019 at 12:41 pm #176186vrabaParticipant
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.July 2, 2019 at 11:59 pm #176210SkandhaParticipant@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,
SkandhaJuly 3, 2019 at 3:34 pm #176247vrabaParticipantThank you, but I meant – see picture.
July 4, 2019 at 3:32 am #176295SkandhaParticipant@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,
SkandhaJuly 4, 2019 at 4:22 am #176296vrabaParticipantHallo, 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.July 4, 2019 at 7:34 am #176334SkandhaParticipant@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,
SkandhaJuly 4, 2019 at 10:21 am #176339vrabaParticipantUnfortunately it does not do anything 🙁
I would like to have the same as our ecommerce website – see picture
July 7, 2019 at 9:14 am #176540SkandhaParticipant@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,
SkandhaJuly 7, 2019 at 10:19 am #176553vrabaParticipantThis is it! And I never regret I recommend you – your support is awesome! Thank you.
July 7, 2019 at 12:00 pm #176561 -
AuthorPosts
- The topic ‘Supplementary align’ is closed to new replies.