Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1193102

    Hello Kriesi team,

    Thanks so much for your help. You are the best. I would to create something like this that you can see on the image. i would to add a text “review us” tripadvisor icon “follow us” facebook, instagram, etc on the header and on the footer that you can see on the image. I don’t want to put on the right togheter

    View post on imgur.com

    #1193402

    Hi AlexBellaTropea,

    Can you try adding this CSS code in Quick CSS:

    #top .social_bookmarks .av-social-link-Tripadvisor {
        width: 106px;
    }
    
    #top .social_bookmarks .av-social-link-Tripadvisor:before {
        content: 'Review us';
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 5px;
    }

    Best regards,
    Nikko

    #1193422
    This reply has been marked as private.
    #1193438

    Hi AlexBellaTropea,

    Please add this CSS code in Quick CSS:

    #top #socket .social_bookmarks .av-social-link-Tripadvisor {
        width: 110px;
    }
    
    #top #socket .social_bookmarks li {
        font-size: 14px;
    }

    Best regards,
    Nikko

    #1193582
    This reply has been marked as private.
    #1193583
    This reply has been marked as private.
    #1193768

    Hi AlexBellaTropea,

    For Italian, please add this CSS code:

    #top #header_meta .social_bookmarks .av-social-link-Tripadvisor:lang(it) {
        width: 117px;
    }
    
    #top #socket .social_bookmarks .av-social-link-Tripadvisor:lang(it) {
        width: 116px;
    }
    
    #top .social_bookmarks .av-social-link-Tripadvisor:lang(it):before {
        content: 'Recensioni';
    }

    For Russian, please add this CSS code

    #top #header_meta .social_bookmarks .av-social-link-Tripadvisor:lang(ru) {
        width: 100px;
    }
    
    #top #socket .social_bookmarks .av-social-link-Tripadvisor:lang(ru) {
        width: 99px;
    }
    
    #top .social_bookmarks .av-social-link-Tripadvisor:lang(ru):before {
        content: 'Oтзывы';
    }

    Best regards,
    Nikko

    #1193874
    This reply has been marked as private.
    #1193968

    Hi Alex,

    No worries, I have made this changes in your Quick CSS (and moved media queries to the bottom of Quick CSS):

    #top #header_meta .social_bookmarks .av-social-link-Tripadvisor:lang(it) {
        width: 184.5px;
    }
    
    #top #socket .social_bookmarks .av-social-link-Tripadvisor:lang(it) {
        width: 183.5px;
    }
    
    #top .social_bookmarks .av-social-link-Tripadvisor:lang(it):before {
        content: 'Scrivi una recensione';
    }
    
    #top #header_meta .social_bookmarks .av-social-link-Tripadvisor:lang(ru) {
        width: 155.5px;
    }
    
    #top #socket .social_bookmarks .av-social-link-Tripadvisor:lang(ru) {
        width: 154.5px;
    }
    
    #top .social_bookmarks .av-social-link-Tripadvisor:lang(ru):before {
        content: 'Написать отзыв';
    }

    Let us know if you need further assistance :)

    Best regards,
    Nikko

    #1194073
    This reply has been marked as private.
    #1194116

    Hi Alex,

    You can add it to style.css of the child theme just below the Theme Information.
    Or you can create custom.css file, you can follow the instructions in our documentation: https://kriesi.at/documentation/enfold/add-custom-css/#enqueue-custom-css
    Hope it helps :)

    Best regards,
    Nikko

    #1194409
    This reply has been marked as private.
    #1194439

    Hi Alex,

    I suggest you place all the code in custom.css file.
    There’s no major difference actually between them, it’s just based your preference :)

    Best regards,
    Nikko

    #1195434
    This reply has been marked as private.
    #1195454

    Hi,
    Thank you for the screenshot, since you are using a child theme with a style.css, I recommend adding all of your css to the style.css
    If you are using Enfold Theme Options > Performance > JS & CSS file merging and compression I recommend after adding your css to the style.css, go to the Enfold Theme Options > General Styling > Quick CSS field and add a blank space and then save your theme settings “save all changes”
    2020-03-23_070639.png
    This will force your compressed JS & CSS to update and rebuild.
    Then you can clear your browser cache and check your site.

    Best regards,
    Mike

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.