Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 19, 2016 at 1:50 pm #674764
    jo3bo76

    Hello,
    I’ve just built a website using your Enfold theme and I’m hoping you can help with the below comments as I can’t figure out how to do them?
    1) I want to change the email hover icon background colour to #66b32d.
    2) Change the current page title to #66b32d (the other page links are to remain grey).
    3) How do I make the telephone number in the top right hand corner a bit bigger?
    4) On http://usinw.co.uk.gridhosted.co.uk/services/ page there are 2 rollover buttons. I don’t like the square hover effect with white overlay, how can I create my own?
    Many thanks in advance.

    August 23, 2016 at 7:11 am #676219
    Vinay

    Hey Joe,

    1. To change the hover background color of mail icon Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #wrap_all .social_bookmarks_mail a:hover, 
#top #wrap_all .social_bookmarks_mail li:hover {
    background: #66b32d!important;
}

    2. It’s not clear as I do not see page title on your site but I’m assuming you need the active menu background color to be highlighted?
    If so please use the below css.

    .current_page_item {
	background: gold;
}

    3. To increase phone number font size

    #header_meta .phone-info {
    font-size: 20px;
}

    4. To create your own overlay effects add your custom css properties to the below css class name.

    .avia_transform a:hover .image-overlay {
    border-radius: 100px;
}

    Request you to please create new tickets for different issue so we can keep the focus on the main topic and help us respond faster to your questions :)

    Best regards,
    Vinay

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