Ok… I think I figured this out. I researched the topic which lead me to a lot of discussion about the gallery being stuck on the bottom of the page. Their solution was to delete a line of code that said “clear; both”
I did this but it didn’t seem to help… so I added a line of code to define a bottom margin and it seems to have worked.
Here is what the revised code looks like…
/* ----------- Gallery style -------------*/
.ngg-galleryoverview {
overflow: hidden;
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
display:block !important;
}
Now I am wondering how I can center the gallery in the column. I changed two lines in the Gallery Style section that say “Float: Left” to “Float: center” but it is not working.
Any ideas?