Full width text block

[E_K]

Hello,

Is it possible to align this additional bottom part?

Left – middle(current) – right?

Thanks

[Swift Ideas – Ed]

Sure, just add the following extra classes to each box in the provided box when editing:

mt0 mb0

That will remove the top and bottom margins on each asset.

– Ed

[E_K]

Thank you Ed,

I think you misunderstood.

Can I move this arrow shape to left or right?

Normally, it shows it in the middle.

Can I just take it to right or left?

You can find the attached.

Many thanks again.

[Swift Ideas – Ed]

Ahh ok, I see – apologies for not understanding it first time round.

You could do this by adding a custom class for each, and then adding some custom css. Try this:

.full-width-text.arrow-left:after {
left: 35%;
}
.full-width-text.arrow-right:after {
left: 65%
}

Then simply use extra class arrow-right or arrow-left in the full width text block.

Hope that helps!

– Ed

[E_K]

Thanks Ed, you are amazing:))

Final one, Can I also customize this a bit?

such as colour or size different eye catching things?

[Kyle – SUPPORT]

Hi

Yes you can, do you just want to change the arrow? Or the whole background of the full width text block?

Also what is it you would like to change?

– Kyle

[E_K]

Hello Kyle,

Thank you for you reply.

Just want to change the shape(Arrow). May be deeper arrow or similar shapes.

Thanks.

[Kyle – SUPPORT]

Well the css for the arrow is:

.full-width-text:after {
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 25px solid transparent;
  bottom: -25px;
  left: 50%;
  margin-left: -30px;
}

You would need to change the border values

– Kyle