Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1057336
Change Portfolio hover icon / symbol
Closed

Comments

  •  2
    typogretel started the conversation

    Hi - how can I change the icon which looks like a page that appears when I hover over a portfolio element, please?

    And how can I avoid that the buttons on top of a single portfolio page send me to the next single portfolio - independent of its category?
    I need to use different portfolios for different topics and it is unfortunately very confusing if these topics get mixed up by the next/previous buttons.

    Let's say I have a portfolio page A which shows only portfolio elements about cups and a portfolio page B which shows only portfolio elments about plates. So when I open a single portfolio element on the cups page I don't want the next arrow to lead me to a single portfolio of a plate.

    Is this possible?

    Thanks in advance

     

  •  427
    Sergio replied

    Hi, not quite sure what do you mean. Can you pls provide more details and share the wp-admin accesss, we'll check.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    typogretel replied

    Ok, first I would like to change the "page-icon" which appears when hovering over a portfolio item.
    (see screenshot)

  •  427
    Sergio replied

    HI!

    you can select an icon from http://codex-themes.com/thegem/wp-content/themes/thegem/fonts/icons-fonts-info.html

    pls. use following css:

    .portfolio-item .image .overlay .links a.self-link:before{
        content:'\e62f'!important;
    }

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    typogretel replied

    And where can I change the (8) colours of the Styled Gallery please?

    1) background 1

    2) background 1 hover

    3) arrow 1

    4) arrow 1 hover

    5) background 2

    6) background 2 hover

    7) arrow 2

    8) arrow 2 hover

    (Please see image attached)

    Thank you!

  •  427
    Sergio replied

    HI!

    pls. use following css:

    /*background 1 & arrow 1*/
    .gem-gallery-preview-navigation .gem-prev:after,
    .gem-gallery-preview-navigation .gem-next:after{
        background-color:#000!important;
        color:#fff!important;
    }
    /*background 1 hover & arrow 1 hover*/
    .gem-gallery-preview-navigation .gem-prev:hover:after,
    .gem-gallery-preview-navigation .gem-next:hover:after{
        background-color:#fff!important;
        color:#000!important;
    }
    /*background 2 & arrow 2*/
    .gem-gallery-thumbs-navigation .gem-prev:after,
    .gem-gallery-thumbs-navigation .gem-next:after{
        background-color:#000!important;
        color:#fff!important;
    }
    /*background 2 hover & arrow 2 hover*/
    .gem-gallery-thumbs-navigation .gem-prev:hover:after,
    .gem-gallery-thumbs-navigation .gem-next:hover:after{
        background-color:#fff!important;
        color:#000!important;
    }

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    ashkalim replied

    can i change icons of external link in Portfolio.
    Actually i want to make a title link can i?

  •  427
    Sergio replied

    HI!

    Sorry, by default it's not possible.  It's requires some code changes (it's not a couple lines of code).  

    We would be glad to help you and assist you in resolving your issues, however it would be a paid individual support. Pls. let me know if you are interested so I can send you an approx. quote for that

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.