Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 4, 2014 at 11:39 pm #205445
    grc_rh

    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

    January 5, 2014 at 2:03 am #205467
    Josue

    Hi,

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

    Regards,
    Josue

    January 5, 2014 at 3:24 am #205475
    grc_rh
    This reply has been marked as private.
    January 5, 2014 at 7:41 am #205503
    Ismael

    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

    January 5, 2014 at 12:47 pm #205538
    grc_rh

    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;
    });
    });

    January 5, 2014 at 1:24 pm #205545
    grc_rh

    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, 11 months ago by grc_rh.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icon box cursor’ is closed to new replies.