Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #205445

    Hi,

    In a previous query, one of the moderators helped me set up the iconboxes on my site so that the entire box is linked, rather than just the title. This is working succesfully, but the cursor is not changing to a pointer when hovering over the box or icon (it only does this over the title)

    I currently have the code below in my quick CSS. Can you see a reason why this wouldn’t be working, or suggest another way to do this?

    .page-id-15 .iconbox_icon, .page-id-35 .iconbox_icon,
    .page-id-542 .iconbox_icon, .page-id-468 .iconbox_icon,
    .page-id-114 .iconbox_icon, .page-id-17 .iconbox_icon,
    .page-id-19 .iconbox_icon, .page-id-53 .iconbox_icon,
    .page-id-55 .iconbox_icon, .page-id-56 .iconbox_icon,
    .page-id-21 .iconbox_icon, .page-id-69 .iconbox_icon,
    .page-id-23 .iconbox_icon, .home .iconbox_icon {
    cursor: pointer;
    }

    .page-id-15 .iconbox_content, .page-id-35 .iconbox_content,
    .page-id-542 .iconbox_content, .page-id-468 .iconbox_content,
    .page-id-114 .iconbox_content, .page-id-17 .iconbox_content,
    .page-id-19 .iconbox_content, .page-id-53 .iconbox_content,
    .page-id-55 .iconbox_content, .page-id-56 .iconbox_content,
    .page-id-21 .iconbox_content, .page-id-69 .iconbox_content,
    .page-id-23 .iconbox_content, home .iconbox_content {
    cursor: pointer;
    }

    Thanks very much
    Ruth

    #205467

    Hi,

    Can you post a link to your one of these pages please?

    Regards,
    Josue

    #205475
    This reply has been marked as private.
    #205503

    Hi!

    I tested the links, I can see the mouse cursor change to pointer when I hover over the iconbox top icons. Add this on your custom.css or Quick CSS:

    .iconbox_top .iconbox_icon {
    cursor: pointer !important;
    }

    Regards,
    Ismael

    #205538

    Brilliant, thanks. That’s working now.
    I also added the code below to have the same effect over the whole icon box rather than just the icon and title.
    .iconbox_top .iconbox_content {
    cursor: pointer !important;
    }

    A related question:
    Can I also remove the page references from the code I added to the avia.js file, which is below?
    I.e. I want the change to apply to all pages on the site, but as the code I was given before included page refererences I just added all the relevant page references.

    jQuery(“.home article.iconbox, .page-id-15 article.iconbox, .page-id-35 article.iconbox, .page-id-542 article.iconbox, .page-id-468 article.iconbox, .page-id-114 article.iconbox, .page-id-17 article.iconbox, .page-id-19 article.iconbox,.page-id-53 article.iconbox, .page-id-55 article.iconbox, .page-id-56 article.iconbox, .page-id-21 article.iconbox, .page-id-69 article.iconbox, .page-id-23 article.iconbox”).each(function(){
    var theLink = jQuery(this).find(“a”).attr(“href”);
    jQuery(this).on(“click”, function(){
    window.location.href = theLink;
    });
    });

    #205545

    Issue now resolved:
    I found the appropriate code on another support ticket.
    In case anyone else wants all to change all icon boxes to act as link, rather than boxes on targeted pages, add the following to avia.js with the codes above in CSS to change the cursor:

    jQuery(“article.iconbox”).each(function(){
    var theLink = jQuery(this).find(“a”).attr(“href”);
    jQuery(this).on(“click”, function(){
    window.location.href = theLink;
    });
    });

    Thanks very much for your help Josue and Ismael, much appreciated.

    • This reply was modified 10 years, 2 months ago by grc_rh.
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon box cursor’ is closed to new replies.