Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 6, 2019 at 11:08 am #1154218
    geraldinetay27

    Hi, I would like to show the color palette like this in portfolio.

    https://www.dropbox.com/s/jlzuypcszn15bdl/Color%20Palette.jpg?dl=0

    I added this to the theme css. 

    .circle {
display: block;
width: 4rem;
height: 4rem;
margin: .5rem auto;
border-radius: 50%;
}

    In code block, I added this code.
    <span class="circle" style="background-color: rgb(208, 2, 27);"></span>

    However, both the codes in the text block and code block does not work. Can you please help?

    November 11, 2019 at 3:06 am #1155448
    Mike

    Hey geraldinetay27,
    Sorry for the late reply, I couldn’t find this on your site so I tested it on mine and your code worked for me:
    2019-11-10-200311
    I used a code block element
    2019-11-10-200443
    here is the code I used in the code block element

    <style>
.circle {
display: block;
width: 4rem;
height: 4rem;
margin: .5rem auto;
border-radius: 50%;
}
</style>
<span class="circle" style="background-color: rgb(208, 2, 27);"></span>

    Please give this a try

    Best regards,
    Mike

    November 12, 2019 at 12:56 pm #1155985
    geraldinetay27

    Hi Mike,
    It works now. Thank you. You can close this ticket.

    November 12, 2019 at 1:40 pm #1156006
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Palette and Code Block is not working’ is closed to new replies.