-
AuthorPosts
-
January 7, 2016 at 3:36 pm #561291
Hi,
quite simply I want to center the widgets in the right sidebar.
How do I do this?
January 7, 2016 at 3:41 pm #561298Hey avoid!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.sidebar * { text-align: center !important; }
If that does not help, please post the link to your page
Best regards,
YigitJanuary 7, 2016 at 4:02 pm #561313Thanks for that, is there an easy solution to reduce the margin/padding in just the sidebar?
I believe it’s the inner_sidebar extralight-border class?*edit* just realised if I edit just that part it will look weird, so I need to edit the padding/margin around the whole content area by about half
- This reply was modified 8 years, 11 months ago by avoid.
January 7, 2016 at 4:09 pm #561324Hi!
Please add following code to Quick CSS as well and adjust the values as needed
.inner_sidebar { margin-left: 15px; } .container { padding-left: 15px; padding-right: 15px; } .content, .sidebar { padding-top: 5px; padding-bottom: 5px; }
Best regards,
YigitAugust 22, 2017 at 1:30 pm #842528Is it possible to specify a specific widget only which is on the right slidebar. I realised with
.sidebar * { text-align: center !important; }
all widgets.are centered.Thank you!
August 22, 2017 at 2:19 pm #842561Hi samvasgr,
Of course, it is. Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaAugust 22, 2017 at 3:14 pm #842593i am working on the website and it is not public yet.
is there any css code to specify it by the name of the widgetAugust 23, 2017 at 12:13 pm #842987Hi,
No, however you can inspect elements on widgets and find their IDs.
If you would like us to assist you with that, please post a link to your website when it is public.Best regards,
YigitSeptember 15, 2017 at 12:39 pm #852514Hi Yigit,
the website is public now. It is samolis.family.On the first 2 pages I do not have side widgets, but if you look on other pages like http://samolis.family/en/artists/there are widgets on the right. What I would like to do is centralise the “language switcher”. The reason is I want to see how it ould like on the mobile. It looks fine on the laptop but not so nice on a mobile. The plugin I have used for it is polylang.
Could you please assist with that?I am also having an issue with the homepage with the “flags”. There arer no sidebars and I have created a new widget area which I called Language, but when I place it as a widget are next to the title it does not look “nice” see greek home page ->http://samolis.family/el/%CE%BF%CE%B9%CE%BA%CE%BF%CE%B3%CE%AD%CE%BD%CE%B5%CE%B9%CE%B1-%CF%83%CE%B1%CE%BC%CF%8C%CE%BB%CE%B7/ whereas on the english homepage http://samolis.family/en/samolis-family/ I created a text area with flags as images where I link the english or greek homepage. Looks nice on laptop but again it is alligned left on the mobile.
Thank you!
- This reply was modified 7 years, 3 months ago by Vasilis.
September 16, 2017 at 8:00 am #852832While searching I found a way how to display widgets on mobiles only at https://kriesi.at/support/topic/widget-in-mobile-menu/. This would be a way to hide this widget, as I already have the flags on the menu (looks nice on a laptop – but difficult to find on mobile on the menu).
It made me thing is there a way to centeralize all widgets on mobile phones but not on the laptop? I am trying to play around and see how the widgets look on a mobile.Thank you!
September 16, 2017 at 10:58 pm #852964September 17, 2017 at 1:55 am #852989I did not quite found the answer.
http://samolis.family/en/artist Could I centralise the “language switcher” only.
The plugin I have used for it is polylang.and as I found and when I inspect the element
Could you please assist with that?Thank you!
September 17, 2017 at 3:32 pm #853074Hi,
Try this code in the General Styling > Quick CSS field:.inner_sidebar #polylang-2.widget {text-align: center!important; }
Please see screenshot in Private Content area for how it will look.
Please clear your cache :)Best regards,
MikeSeptember 17, 2017 at 11:57 pm #853177It worked on all pages. Could this work also on the homepage http://samolis.family/el/%CE%BF%CE%B9%CE%BA%CE%BF%CE%B3%CE%AD%CE%BD%CE%B5%CE%B9%CE%B1-%CF%83%CE%B1%CE%BC%CF%8C%CE%BB%CE%B7/ i added polylang there as a widget area as i do not have side widgets. However it also shows up with a dot in front or the flags
Thank you very much!- This reply was modified 7 years, 3 months ago by Vasilis.
September 20, 2017 at 5:11 am #854134Hi,
Please add the following css code to remove the bullet style.
.widget_polylang ul { list-style: none; }
Best regards,
IsmaelSeptember 20, 2017 at 2:48 pm #854375Thank you very much…
it worked!September 20, 2017 at 4:41 pm #854448Hi,
I’m glad this issue was corrected. Shall we close this ticket?
Best regards,
Jordan ShannonSeptember 20, 2017 at 11:54 pm #854616Yes. Thank you!
September 21, 2017 at 5:46 pm #854982Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Center widgets’ is closed to new replies.