Avatar of Sideas
Sideas

asked on 

Aligning slideshow area

Hi,

Can anhyone thnk of a way to align the slideshow box to the right of a page, all I can do is get it centre like so http://jacksonglass.co.uk/wordpress/splashbacks-mirrors/splashbacks/

Can't see anyway to align it code wise that works within wordpress. The plusin i'm using doesn't seem to help that much. http://wordpress.org/extend/plugins/simple-slideshow/

The code of that little piece is.
--------
MISSING COPY – Need copy for splashbacks. MISSING COPY MISSING COPY MISSING COPY
[simple_slideshow show_counter="0" auto_advance="1" auto_advance_speed="3000"]

<hr />

<em>Looking for splashback or mirror fitters in High Wycombe, Gerrards Cross, Beaconsfield, Loudwater, Bourne End, Marlow, Hazlemere, Princes Risborough and surrounding areas. Jackson Glass your local splashback fitter. Call on 01494 812207 or 0777 575 3329 on <a href="http://jacksonglass.co.uk/wordpress/doors/contact-us/">contact us</a>.</em>
-------
CSSHTMLWordPress

Avatar of undefined
Last Comment
Sideas
Avatar of CRAK
CRAK
Flag of Netherlands image

The centering is defined in simpleslider.css:
.simpleslider_show {
              margin: 10px auto;    
}
That's a definition for top/bottom vs. left/right ("auto" is to blame!)

Try following:
.simpleslider_show {
              margin: 10px 0px 10px 0px;
}
That's defining the elements margins for top, right, bottom and left resp.
ASKER CERTIFIED SOLUTION
Avatar of Ovid Burke
Ovid Burke
Flag of Saint Vincent and the Grenadines image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of user_n
user_n
Flag of United States of America image

.simpleslider_show {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


If you remove margin-left:auto the slide show will align to right
Avatar of Sideas
Sideas

ASKER

This works, the other 2 solutions work but leave slider controls in the middle still.

Thanks for the input all.
HTML
HTML

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

62K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo