Custom Hover states on Pages

Home Forums Jevelin Theme Custom Hover states on Pages

Home Forums Jevelin Theme Custom Hover states on Pages

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • jamiejsmith96
    Participant

    Hey, currently having an issue on my page where I can’t get the heading pro shortcode to function a I need it to, if you go to http://fightcrowd.co.uk and scroll to the social links at the bottom you will see that the two which i have added hyperlinks to (twitter and youtube) have taken on the hover state for default page settings and only react when hovered on directly.

     

    I would like to have the hyperlinks work as the Facebook text does (animation starts when you hover on the column and also has the custom colours)  and also is it possible to have it so each column can have the hyperlink attached so you can click anywhere on the column to go to the page.

     

    many thanks

     

    Hi @jamiejsmith96,

     

    I hope you are well today and thank you for your questions.

     

    I would like to have the hyperlinks work as the Facebook text does (animation starts when you hover on the column and also has the custom colours)  and

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-column.sh-column-3dddeb4a636b8041b9d65b40fb5ec916:hover .sh-heading a {
        color: #47c9e5;
    }
    
    .sh-column.sh-column-48061ef93fb33cc59bf60b3bbab90d06:hover .sh-heading a {
        color: #d41f1f;
    }
    
    

     

    You can change the color value in the above code to whatever you want to use by referring the following pages.

     

    http://www.w3schools.com/html/html_colors.asp
    http://www.w3schools.com/html/html_colorvalues.asp
    http://www.w3schools.com/tags/ref_colorpicker.asp

    also is it possible to have it so each column can have the hyperlink attached so you can click anywhere on the column to go to the page.

    You have to develop custom code to achieve this.

     

    Best regards,
    Shufflehound team

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