Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

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

     

  •  444
    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)

  •  444
    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!

  •  444
    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?

  •  444
    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.