Docs

[moabullon]

The majority of that is making sense

could you please explain the aspect of inserting a gallery short code? is that the easiest way to add in and make the pics look properly spaced and numbered?

if so then what would you recommend for the gallery shortcodes? or should I get a plug in?

[Jade]

Hi there,

Please see this link for the guide on how to setup an image gallery: https://community.theme.co/kb/how-to-setup-galleries/

Hope this helps.

[moabullon]

I am now using envira gallery and it is helping but I can not seem to understand how to put the numbered bullets next to the pics. I edited everything through the gallery and then added the gallery to the post that makes the gallery short code but then I can’t figure out how to add the numbered bullets next to the photos.

[moabullon]

Do I need to only add this code to the CSS one time and then it applies to all posts that have a gallery short code? Or do I need to add this code some how to every post when I want the photos to have numbered bullets?

This code was from earlier in the post

.single-post li.gallery-icon::before {
content: counter(section);
position: absolute;
left: -20px;
background: red;
width: 20px;
height: 21px;
top: 0px;
color: #ffffff;
font-size: 15px;
padding: 2px 0 0 0;
line-height: 1.1;
}
.single-post li.gallery-icon {
margin-bottom: 10px;
position: relative;
counter-increment: section;
}

[Joao]

Hi There,

You can add one time at Appereance > Customizer > Custom > CSS

Hope that helps,

Joao

[moabullon]

How would I specialize them for every different post? would I need to change the code slightly? or just keep copying and pasting?

[Rad]

Hi there,

That CSS is global on every single post if added on customizer’s custom CSS, you don’t need to duplicate it. It’s not Post specific since it has no ID. It should be good without modification, unless, you’re trying to achieve unique styling for every post.

Thanks!

[Author]

Posts