header circles

  • Author
    Posts
  • #89930
    yogimelanie
    Member

    Hi there what could the CSS code be for the Circle Headers if I wanted it to read:
    YOGA & UNIQUE
    DESTINATION RETREATS

    And how do I made the circles smaller?

    The blog I need help with is: (visible only to logged in users)

    #90052
    yogimelanie
    Member
    Original poster

    What would I refer to if I want to change the font size, font type in the CSS code? And how to I make the circles smaller?

    #90073
    anarieldesign
    Theme Author

    Hi,

    you can make it smaller by adding this to CSS:

    .cs-text span {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .cs-text {
        width: 1000px;
        height: 300px;
    }

    You can play with it on your own and also you need to remove
    if you want to have it all i one row.

    Hope this helps.

    Cheers,
    Ana

    #90080
    yogimelanie
    Member
    Original poster

    Perfect! And would I adjust the opacity of the circles?

    #90087
    yogimelanie
    Member
    Original poster

    As well how would I change the color of every other letter? I am asking this because the white on yellow is hard to read on some screens.

    #90102
    anarieldesign
    Theme Author

    Hi,

    you can change opacity and color by using this line of code:

    .cs-text span:nth-child(odd) {
        background-color: #f4dfb5;
        background: rgba(244, 223, 181, 0.8);
    }

    you’ll need to change 0.8 with the higher or lower number…

    All the best,
    Ana

  • The topic ‘header circles’ is closed to new replies.