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 #1700817
Editing Quickfinder Content
Closed

Comments

  • CentricCreativeGroup started the conversation

    In the Creative Dark theme, I'm attempting to set the information in the "Why Choose the Gem" container as well as get the column count down, however when I change the column count to 3 it doesn't seem to really change, and I can't for the life of me find out where to edit the individual content of the items.

    Thanks in advance for any help!

    -Michael

  •  432
    Sergio replied

    Hi, not quite sure what do you mean. Can you pls provide more details (screenshots)?

    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.

  • CentricCreativeGroup replied

    Absolutely, basically I've found the quickfinders and can edit them individually, I'm just trying to figure out how to re-structure this section, as well as wrap my head around how the section actually works/populates/etc.  I've got screenshots below of the section, as well as the editor section.  The in-theme theme is Creative Dark.

    Thanks for the help!

    -M

  •  432

    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.

  • CentricCreativeGroup replied

    I've been going thorough the documentation and have totally figured out how the Quickfinders work, once you get the hang of it it's rather easy.  Thanks for the help, however I do have another question.

    On the portfolio, I've chosen the hover effect of Circular Overlay.  It's a blue-ish gradient.  In the Theme Options I see how I can change the hover color for three of the hover effects, but I'm struggling to find where the gradient options are for the Circular Overlay effect.  I'm probably overlooking it, but any and all help is of course appreciated.  And again, thank you for the swift responses, I've definitely learned a lot while sniffing around the various options.

  •  4,774
    Michael replied

    HI!

    Please indicate on which page this item is located and we will give you the code to change this color.

  • CentricCreativeGroup replied

    Sure thing.  The hover over color is actually on the root page: https://centricentertainmentsandbox.com/#whowedo  (the anchor tag is included for ease of find).  I've been digging into the custom CSS of it, but the original in the gem-hovers css they're all !important tagged, so I'm sort of failing to overwrite them.  I suspected this would take care of it but again it's not taking, however that's what I'm currently tinkering with.  Thanks again for the swift support!


    .hover-circular .portfolio-item .image .overlay .overlay-circle,
    .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle {
    content: '';
    position: absolute;
    z-index: -2;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0.2s;
    transition: opacity 0.5s 0.2s;
    background: -moz-linear-gradient(to bottom right, rgba(0, 0, 0,0.75) 0%, rgba(100, 100, 147,0.75) 100%) !important;
    background: -webkit-linear-gradient(to bottom right, rgba(0, 0, 0,0.75) 0%,rgba(100, 1, 147,0.75) 100%) !important;
    background: linear-gradient(to bottom right, rgba(0, 0, 0,0.75) 0%,rgba(100, 100, 147,0.75) 100%) !important;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    padding: 15%;
    left: 50%;
    top: 50%;

    -webkit-transform: scale(0);
    transform: scale(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.4s ease 0s;
    box-sizing: content-box;
    }

  •  4,774
    Michael replied

    pls. use following css, you need change these colors:

    body .hover-circular .portfolio-item .image .overlay .overlay-circle {
        background: -moz-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%, rgba(53, 64, 147,0.75) 100%) !important;
        background: -webkit-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important;
        background: linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important;
    }