Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 7, 2014 at 8:56 pm #276102
    OriginsSpeak

    Any way to add color separation in a page?
    If you look here yo can see part of the page is one color, while the other part of the page is a different color:

    http://my.jetscreenshot.com/16750/20140607-xxdo-29kb

    Thank you,
    Lin

    June 7, 2014 at 10:02 pm #276116
    Josue

    Hey Lin!

    Have you tried using a Color Section element? you can set a custom background color there.

    Cheers!
    Josue

    June 7, 2014 at 10:32 pm #276132
    OriginsSpeak

    Yes, it didn’t meet my needs. Any way to do the above mentioned?

    Thank you!

    June 7, 2014 at 10:33 pm #276135
    Josue

    Can you post a screenshot/mockup of what would you want to achieve (on your website)?

    Best regards,
    Josue

    June 7, 2014 at 10:39 pm #276137
    OriginsSpeak

    Sure, although it will take some time. It may take a few weeks actually as I’m awaiting some content. In the meantime, I can refer you to a site that I’d like to replicate re: the different colors at different places on the page:

    https://www.23andme.com/

    Thanks for taking the time :)

    June 7, 2014 at 10:42 pm #276139
    Josue

    You should be able to do that with the Color Section element, could you explain why exactly didn’t meet your needs?

    Cheers!
    Josue

    June 7, 2014 at 10:58 pm #276145
    OriginsSpeak

    I didn’t realize you could extend the color part until now :)

    Thanks!!

    June 7, 2014 at 10:59 pm #276146
    OriginsSpeak

    Anyways to add this over lapping bit:

    http://www.jetScreenshot.com/demo/20140607-80e-6kb.jpg

    June 7, 2014 at 11:14 pm #276150
    Josue

    That’s possible, you’d need to set an ID to that color section and then use CSS to create the arrow, something like this will do the trick (Quick CSS):

    #colorsection:after {
    content: "";
    width: 0; 
    height: 0; 
    border-style: solid; 
    border-width: 50px 50px 0 50px; 
    border-color: #b2b2b2 transparent transparent transparent;
    position: absolute;
    display: block;
    z-index: 10;
    right: 5%;
}

    Adjust as needed (border-width, border-color, right, etc).

    Best regards,
    Josue

    May 23, 2016 at 11:29 pm #637149
    OriginsSpeak

    You can close this :)

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Any way to add color separation in a page?’ is closed to new replies.