Align the widgets added in a row

  • Resolved silouettevee

    (@silouettevee)


    9 years, 9 months ago

    I added two widgets to my Shop page using this plugin: the price filter and product cateogries widgets. I did this by selecting them in the Shop page’s editor. Although they appear at the top of the page after the header which I wanted, they are badly aligned, as shown in the screenshot below (the shop url is in the image if needed):

    Widgets

    The price filter slider is not visible. I want the two widgets to be in a single row just like in this website: http://piratka.test2015.atthost.pl/sklep/

    Will really appreciate your help. Thank you. I am using shopisle child theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author toddhalfpenny

    (@toddhalfpenny)

    9 years, 9 months ago

    Hi @silouettevee,

    This should be possible using CSS.
    Do you have a link to a live page of yours where you would like this? If so I can take a look and provide you hopefully with at least some CSS to get you off in the right direction.

    Thread Starter silouettevee

    (@silouettevee)

    9 years, 9 months ago

    Hi Todd, thanks a lot this is the link to the live page: https://goo.gl/4GxJDu

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    9 years, 9 months ago

    Ah right, gotcha!

    OK, so you can add something like this to then end of your theme’s style.css (or add it through a custom CSS setting, if shopilse supports it)

    
.widget.turbo_widget {
  float: left;
  width: 50%;
}

    Please let me know how you get on.

    Thread Starter silouettevee

    (@silouettevee)

    9 years, 9 months ago

    Thanks a lot Todd, the widgets are centred now but the woocommerce price filter widget is not displaying correctly. It should have a slider but it doesn’t so the widget isn’t working. Could you check that the plugin actually adds this widget correctly?

    I have attached a picture showing how the price filter should look below (highlighted in red box):

    Also, how do I add widgets to the the front page (homepage). The front page is not listed in the pages editor section. I’d like to add a services widget area to after the header, and a contact form widget before the footer in the homepage. Thank you so much for your help so far Todd. Really appreciate it!

    • This reply was modified 9 years, 9 months ago by silouettevee.
    Thread Starter silouettevee

    (@silouettevee)

    9 years, 9 months ago

    So sorry, I just want to state everything at once haha. I’d also love to reduce the space between the widget row and the product sort bar please. Thanks a lot Todd

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align the widgets added in a row’ is closed to new replies.

Tags