Docs

[jpyck]

Hi Themeco,

I have a quick question regarding the first section below the navbar on the official X-Theme website theme.co/x . The bottom of the section has a downward arrow attached to it. Is it possible to alter the look of a section? I would really like to achieve a similar look.

Thanks!

[Friech]

Hi There,

Thanks for writing in! The http://theme.co/x/ page is customize. So we might need to have a different approach for your section. Please provide us your site URL.

Cheers!

[jpyck]

This reply has been marked as private.

[Christopher]

Hi there,

Add custom class the-stacks to your section.
Please add following code in Customize -> Custom -> Global CSS :

.the-stacks:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -25px;
    border-width: 25px;
    border-style: solid;
    border-color: #fff transparent transparent;
}
.the-stacks {
    position: relative;
}

Hope it helps.

[jpyck]

Hi!

Thank you for your reply. Unfortunately this didn’t work. I still end up with a regular ‘square’ content section.

[Christopher]

Hi there,

I added a new page titled ‘X support’ and implement the solution and it worked, please check it.
Thanks.

[jpyck]

Got it! Thank you!

[Christopher]

You’re welcome.

[Author]

Posts