Placement of add to cart and calendar buttons

[gopixel]

Is it possible to move the add toward about the calendar buttons?

Atraumatic Extractions With Implant Site Development

[gopixel]

Sorry I mean the “Add to cart” button

[Sky]

Hi there!

Could you explain in more detail what you are wanting to do with the add to cart button? I’m not sure what you are asking.

Thanks,
Sky

[gopixel]

Hello Sky

I would like tome the calendar buttons below the “add to cart” section. We feel it is too far down on the page

[gopixel]

Sorry, my typing is bad

I would like to move the calendar buttons below the “add to cart” section. We feel it is too far down on the page

[Sky]

Hi again,

Thanks for clarifying. It looks like you are using Avada theme which has custom templates for the Events Calendar. I’m not sure if the theme has a built in way to change the order of things, but I can suggest some CSS that may help.

Try this CSS snippet:


.tribe_events {
display: flex;
flex-direction: column;
}
.tribe-events-cal-links {
order: 4;
}
#buy-tickets {
margin-top: 0;
order: 3;
}


Let me know if that works for you, or if you have any other questions.

Thanks,
Sky

[gopixel]

That worked great, there seems to be a big white space, 60 pixels above the add to cart area, can that be reduced?

Atraumatic Extractions With Implant Site Development

[Sky]

Hi again!

Glad that worked for you! It looks like the theme styles are still overriding the style I added to get rid of that space. Edit the style for #buy-tickets in the following manner:


#buy-tickets {
margin-top: 0!important;
order: 3;
}


That should do it!

Thanks, and let me know if you have any other questions.
Sky

[gopixel]

Perfect, you rock Sky

[Sky]

Great!

Let us know if you have any questions or issues in the future.

Take care!
Sky

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts