Docs

[pdopchev]

Hi guys,

A few questions about the promo element:

1. Is it possible to have a circle image in the promo element?

2. How do I center other elements in the promo – for instance a button?

3. Is it possible to remove some of the space above the header: http://www.enjoycrestedbutte.com/crestedbuttesnowsports2/bios/

as it is n the example here: http://demo.theme.co/integrity-1/shortcodes/promo/

Thanks!

[Nico]

Hi There,

Thanks for writing in.

1. Not sure which circle that you are trying to mean or what you want to create. Would you mind clarifying this question.

For the meantime, you can add this class to your button to add a marketing circle if thats what you mean.

x-btn-circle-wrap

2. Add this in your customizer > Custom > CSS:

.x-promo .x-btn{
    width: 50%;
    margin: 0 auto;
    display: block;
}

3. In the link you share, To remove the space, remove the section 1 and you can add a margin-top to your section. Try adding negative margin top.

Let us know how it goes.

Thanks.

[pdopchev]

Hi,

Sorry for the confusion, should have been more specific!

1. Could the image in the promo element be a circle instead of a square?

3. Please, check screenshot to see what I was referring to. The space between the bottom of the image and the heading inside the promo.

Thanks for the help!

[pdopchev]

link to page: http://www.enjoycrestedbutte.com/crestedbuttesnowsports2/bios/

[Jade]

Hi there,

Please try this code:

.x-promo {
    border: 0;
    box-shadow: none;
}

.x-promo-image-wrap img {
    border-radius: 50%;
}

[pdopchev]

Thank you for the help! The CSS code works great!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts