Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • January 7, 2016 at 3:36 pm #561291
    avoid

    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 #561298
    Yigit

    Hey 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,
    Yigit

    January 7, 2016 at 4:02 pm #561313
    avoid

    Thanks 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, 10 months ago by avoid.
    January 7, 2016 at 4:09 pm #561324
    Yigit

    Hi!

    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,
    Yigit

    August 22, 2017 at 1:30 pm #842528
    Vasilis

    Is 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 #842561
    Victoria

    Hi 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,
    Victoria

    August 22, 2017 at 3:14 pm #842593
    Vasilis

    i am working on the website and it is not public yet.
    is there any css code to specify it by the name of the widget

    August 23, 2017 at 12:13 pm #842987
    Yigit

    Hi,

    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,
    Yigit

    September 15, 2017 at 12:39 pm #852514
    Vasilis

    Hi 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, 2 months ago by Vasilis.
    September 16, 2017 at 8:00 am #852832
    Vasilis

    While 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 #852964
    Mike

    Hi,
    Glad you found your answer, shall we close this then?

    Best regards,
    Mike

    September 17, 2017 at 1:55 am #852989
    Vasilis

    I 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 #853074
    Mike

    Hi,
    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,
    Mike

    September 17, 2017 at 11:57 pm #853177
    Vasilis

    It 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, 2 months ago by Vasilis.
    September 20, 2017 at 5:11 am #854134
    Ismael

    Hi,

    Please add the following css code to remove the bullet style.

    .widget_polylang ul {
    list-style: none;
}

    Best regards,
    Ismael

    September 20, 2017 at 2:48 pm #854375
    Vasilis

    Thank you very much…
    it worked!

    September 20, 2017 at 4:41 pm #854448
    Jordan Shannon

    Hi,

    I’m glad this issue was corrected. Shall we close this ticket?

    Best regards,
    Jordan Shannon

    September 20, 2017 at 11:54 pm #854616
    Vasilis

    Yes. Thank you!

    September 21, 2017 at 5:46 pm #854982
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Center widgets’ is closed to new replies.