Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #806297

    Hello everyone, thank you very much for your hard work!
    My website: viajandito.com.ve

    I need to change the colors on this specific things:

    1) Change the color (right now is black) on the top of the website, In the back of where the Social Icons are located. How can i do this?
    2) Change the color (right now is black) on the bottom of the website, In the back of where the Social Icons are located. How can i do this?
    3) Change the color of the “Read more” background and the arrows background on the posts in the main website. (Right now are black)
    4) Change the color of the arrows slider on the main slider in the main website. (Right now are black)
    5) Change the color of the page numbers background, at the bottom, when hovered (Right now when hovered, they are black)

    Basically change all buttons and banners that are black, to some other color, hope you can help me!!!!

    Thanks,

    #806317

    Hey julianruiz24,
    Try this code in the General Styling > Quick CSS field, I choose the color of your header title, but you can edit to suit :)

    
    /* 1 */
    .submenu {background-color: #AABBF4 !important; }
    /* the ribbon is an image with a black background, so we must hide */
    .ribbon {display: none !important;}
    /* 2 */
    #socket {background-color: #AABBF4 !important; }
    /* 3 */
    .read-more-icon span {background-color: #AABBF4 !important; }
    /* 4 */
    .ui-slider-handle {background-color: #AABBF4 !important; }
    /* 5 */
    #top .pagination .current, #top div .pagination a:hover {background-color: #AABBF4 !important; }

    Best regards,
    Mike

    #806319

    Wow!!! Thank you Mike, You are truly the best, and super fast!

    I just noticed two extra things,

    1) When you hover over the arrows on the posts, a black button appears, that says “Read More”, can I turn it also to the light blue color?

    2) At the bottom, around the page numbers, there is a black line, I would like to make that line grey, is it possible?

    Once again, WOW! Thank you so much,

    #806370

    Hi,

    .read-more-icon {background: #AABBF4 !important; }

    I don’t see the black line, can you include a screenshot :)

    Best regards,
    Mike

    #806395

    Thank you very much! The black line is around page number 1:
    Black line around page numbers

    #806396

    And when i hover the other page numbers, they also turn to a black line around them.

    Thanks again!

    #806409

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #top .pagination .current, #top div .pagination a:hover {border: #cbcdcc !important; }

    Best regards,
    Mike

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

You must be logged in to reply to this topic.