centering a widget

annarh20th · Member · Dec 18, 2014 at 3:02 am
Copy link

Add topic to favorites
Hi, I would like to centre the image gallery widget (titled Ellys Progress) in the 2nd post area. I am not sure if I want to centre it or move it as far right as possible, so perhaps some helpful person could suggest some css for these 2 things.

Also while I am at it I tried to attach a screen shot of the area of my blog in question but couldn’t work out how to refer you to the screen shot that is stored in my pictures on my computer…. perhaps someone smarter than me could clear that up for me to.
Thanks in advance to excellent helpers in the css forum, cheers, Anna

The blog I need help with is: (visible only to logged in users)
annarh20th · Member · Dec 19, 2014 at 5:27 am
Copy link
Hi I have changed the gallery to a slide show, it is in the same place as above so I don’t really need an answer to the above question anymore . But now I can’t seem to make the images in the slideshow larger than a thumbnail even though I am selecting large in the widget where there is a place to select the size of the image. If someone could tell me if it is possible to make the slide show have large images and how to do it I would be most grateful, regards, Anna
staff-happychia · Staff · Dec 19, 2014 at 5:48 am
Copy link
Could you link the slide show, please? I somehow can’t find it.
annarh20th · Member · Dec 20, 2014 at 2:53 am
Copy link
I know this isn’t very smart but can you tell how to link the slideshow?
staff-happychia · Staff · Dec 20, 2014 at 3:36 am
Copy link
No problem.

Go to the page containing the slide show you were talking. Copy the page address from your browser’s address bar and paste here :-)

The link will be something like: http://thegirlandmyself.wordpress.com/2014/12/19/re-toilet-training-part-3/

I can’t find the slideshow in your blog.
annarh20th · Member · Dec 20, 2014 at 3:53 am
Copy link
It’s on the front page (home page) near the bottom, titled Elly’s Progress
http://thegirlandmyself.wordpress.com/ :-)
staff-happychia · Staff · Dec 20, 2014 at 9:13 am
Copy link
Could you try this custom CSS and let me know how it goes:
```
div#widget-gallery-4-slideshow {
height: 500px !important;
}

#widget-gallery-4-slideshow .slideshow-slide img {
height: 500px;
}
```
There must be a way to simplify this further, which I couldn’t figure at the moment.
annarh20th · Member · Dec 20, 2014 at 9:05 pm
Copy link
Hi, thanks alot for your suggestion, I tried it and it made the frame of the slide show larger so I think we are getting there but the images are still thumbnails…I left it like that so you can see.
staff-happychia · Staff · Dec 21, 2014 at 7:42 am
Copy link
Let’s try modifying the second CSS rule as following:
```
#widget-gallery-4-slideshow .slideshow-slide img {
max-height: 500px !important;
}
```
annarh20th · Member · Dec 21, 2014 at 10:54 am
Copy link
Excellent! worked great, thanks so much for your help. Anna
staff-happychia · Staff · Dec 21, 2014 at 5:45 pm
Copy link
Cheers :-)

Happy holidays.

No items found.