Horizontal Alignment in Widget

  • Resolved Kingbyro

    (@kingbyro)


    9 years, 1 month ago

    Hi Guys,

    Great plugin and covers everything i need.

    I was just wondering if there was a way to display random cars across the page instead of down?

    I’ve placed the Car Demon Random Cars widget in the widget area of my home page (which covers my front page) and at the moment they go down the left hand side of the page, when i’d like them across the page like a banner effect.

    Is this possible? Is there a short code?

    take a look at http://www.classicminispecialists.co.uk

    Regards

    Byro

    https://wordpress.org/plugins/car-demon/

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

    (@theverylastperson)

    9 years, 1 month ago

    Hi Byro,

    You just need to add a little CSS to achieve what you’re looking for. You can use a PlugIn like “My Custom CSS” if you need an easy way to add new rules.

    Something like this should work:

    .widget .random {
  width: 220px;
  float: left;
}

    You might need to play with it a little to get it exactly the way you want, but that’s the general idea.

    take care,
    -j

    Thread Starter Kingbyro

    (@kingbyro)

    9 years, 1 month ago

    Hi Jay,

    Why that’s fantastic!! Not only is the plugin awesome, but the support too!!

    Thanks very much

    Regards

    Byro

    Plugin Author theverylastperson

    (@theverylastperson)

    9 years, 1 month ago

    I just happened to be on the forum when you posted.

    It’s nothing more than good timing on your part 😉

    Take care,
    -j

    Thread Starter Kingbyro

    (@kingbyro)

    9 years ago

    Hi Jay,

    Now i have my cars aligned horizontaly, is there a way to centre them? I have 4 cars which fit the page, but they sit to the left.

    Does this maker sense?

    Regards

    Byro

    Plugin Author theverylastperson

    (@theverylastperson)

    9 years ago

    Hey Byro,

    You can try something like this:

    .widget .car_demon_random_car {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

    This gives the widget area a set width of 880px, which is 4 times as wide as each vehicle. Then setting both margins to auto will force it to center itself on the page.

    I should note that this is not ‘responsive’. In order to handle different screen sizes you’ll need to add a few media queries to adjust the max-width based on screen size. You can google ‘media queries’ for more information on adding this to your css.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Horizontal Alignment in Widget’ is closed to new replies.