Move pictures over

Support
#1

how can I move the pictures over slightly in the sections with walkon and private groups.

how can I move the headline, text and buttons over too. As you can see its not aligned.

Thanks

#2

Hi there,

The site attached to the license in your account has a coming soon page active.

Kindly provide us the admin details of your site in a Secure Note so that we can check it and provide you some suggestions.

Thank you.

#3

Hello @fortknoxusa,

Thanks for updating the thread.

Give a class name to image, button element and after that you can add following CSS under X > Theme Options > CSS:

  • Center align image:
center-img-element {
    margin: 0 auto;
    display: -webkit-box;
}
  • Center align button:
center-button-element {
    margin: 0 auto;
    display: table;
}
  • To center align the text, you can open the text element and then click on center button. Here is a screencast that you can take a look.

You can change the class name as per requirement.

Thanks.

#4

I am confused with this code and about naming the image. Can you give step by step please. Ps thanks for the video that was very helpful. You are one of the best staff members on here

#5

Hi There,

Please follow the screenshots below:

  • Add a class to your images:

  • Add a class to your buttons:

  • Add the custom CSS:

Hope it helps :slight_smile:

#6

hmm I did exactly what you said and it is still not working for me :confused:

#7

I also meant how to center the headlines in that section not the text.

#8

Hi Justin,

Sorry for the confusion, see my screenshot below. Do you want something like that? If so, please inspect your ROW

Then set the ROW’s text align option to center.

And that’s it.

If you want the text to have a left or right alignment, you can do so, because text element has its own text align option.

If this is not what you’re after, please clarify.

Thanks,

#9

perfect thanks mate

#10

You are most welcome. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.