Archived topic
just can't get div elements to center horizontally on page
5 replies · Started by Heidi on September 7, 2016
I've made what I believe to be a very nice site with GeneratePress (thanks, Tom!), but just can't get one set of div elements to do what I want them to do with CSS. The div elements are sprites with hovers.
I need to center just the social links horizontally on these pages:
http://www.mariasemple.com/
http://www.mariasemple.com/contact
And center these three book cover images horizontally on this page:
http://www.mariasemple.com/books/
Can't figure out how to do it and still make it responsive!
Thanks for any and all advice. Client is waiting anxiously....
I moved all the links to this staging site, so the site isn't down:
http://staging.mariasemple.com/
http://staging.mariasemple.com/contact
http://staging.mariasemple.com/books/
Hi there,
You might need to make the HTML classes more specific, but you just need to make the elements display inline:
.inlineleft {
display: inline;
}The above applies to the books as well, they just need to be wrapped in classes and set to inline.
Wow! Thanks so much. I knew I was missing something! That worked for the social icons. I still can't figure out the books page-- I wrapped them in classes and set to inline, but no dice.
I figure it out-- I had a class in the css that was conflicting. Thanks so much for what I think is the BEST template. I have three clients using it and loving.
Awesome!
Thanks! I'm glad you're enjoying GP! :)
