Docs

[Fulgent]

Hi,

My site content is in seperate sections with coloured backgrounds.

Id like to create the respetive section background colour with a downwards triange leading into the next section below
(idea can be seen at the top of this page http://montereypremier.com/portfolio/ )

This the css code im using:

.triangles::after {position: absolute; content: ''; pointer-events: none;}
 
    .triangles::after {
        left: 50%;
        width: 100px;
        height: 100px;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        }
 
   
    .triangles::after { 
         bottom: -50px; z-index: 10; background: inherit;
     }

Then i have assigned the section with the trianges class.

But it put a upward arrow coming out of the footer – which is 4 sections below the section ive added the class too!

Where have i gone wrong with the code please?

Thanks

[Rupok]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Author]

Posts