CTH Counter

This topic contains 10 replies, has 2 voices, and was last updated by  CTHthemes 2 years, 3 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #5032

    janfersvisual
    Participant

    Support Expired

    Hi again, sorry for the many posts.

    I have a question and I have to know if this possible to do.

    In the cth counter tool, we want to put differents images to replace the fa icons, like this:

    https://dl.dropboxusercontent.com/u/37104707/cth-counter.jpg

    How can we do it? Create a new class on html? or in custom css? Where?

    If you can tell me how, I’ll appreciate to much!!

    #5053

    CTHthemes
    Keymaster

    Hi,
    Follow this style:
    1, add new extra class to the column element: ex: camera-bg
    2, add this style to Alexon Options -> Custom Code tab:

    .camera-bg .wpb_wrapper {background-image: url("http://localhost/devalexon/wp-content/uploads/2015/04/33.jpg");}
    .camera-bg .inline-facts {background-color: rgba(246,88,87,0.5);}
    

    3, do the same for second column.

    #5069

    janfersvisual
    Participant

    Support Expired

    Thanks for your response. But I can’t do it 🙁

    First: I add a new extraclass in “cth counter” like this:
    https://dl.dropboxusercontent.com/u/37104707/alexon-class.jpg

    Then I copy your code to the custom code tab, I add the link of image like this:
    https://dl.dropboxusercontent.com/u/37104707/alexon-3.jpg

    But it doesn’t work. What am I doing wrong?

    Thanks for your support.

    #5082

    CTHthemes
    Keymaster

    Hi,
    Add the class to column settings window: http://awesomescreenshot.com/0ba5hlup40

    #5092

    janfersvisual
    Participant

    Support Expired

    Yeah, I did =) But the image doesn’t fill the container. The image is big, then I write background-position: center; in custom css tab, but it doesn’t fill.

    See attachment file

    Thanks again dude.

    • This reply was modified 2 years, 4 months ago by  janfersvisual.
    Attachments:
    You must be logged in to view attached files.
    #5098

    CTHthemes
    Keymaster

    Use this instead:

    .camera-bg .wpb_wrapper {
    background-image: url("http://localhost/devalexon/wp-content/uploads/2015/04/33.jpg");
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    }

    Thanks.

    #5118

    janfersvisual
    Participant

    Support Expired
    This reply has been marked as private.
    #5122

    janfersvisual
    Participant

    Support Expired

    Hi, please let me know when the changes are done and how you did it, please!

    #5149

    CTHthemes
    Keymaster

    Hi,
    You also need flat-facts class for top and bottom padding: http://awesomescreenshot.com/0445i0m6fa

    Thanks.

    #5176

    janfersvisual
    Participant

    Support Expired

    Yeah! That’s it. Thank you.

    #5197

    CTHthemes
    Keymaster

    Thanks

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.