Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1794426
Portfolio mouseover effect
Closed

Comments

  • Irina started the conversation

    Dear support-team,


    I have five portfolios with weddings on my webpage. The mouseover effect shows an overlay in peach color and the font color of my portfolio with the category is white. I would like to change these colors - the overlay color should be white and the font (portfolio and category) shold be pink. How can I change these colors? 

    Thank you for your support in advance!

    Best regards 

    Irina



  •  1,845
    Elated replied

    Hi Irina,

    We are so sorry for the late response, we are handling a lot of tickets these days and the weekend days are behind us.

    Try to paste this code in Appearance > Customize > Additional CSS:

    .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay .eltdf-pli-text-holder {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-title, 
    .eltdf-portfolio-list-holder.eltdf-pl-gallery-overlay article .eltdf-pli-text .eltdf-pli-category-holder a {
        color: #db1065;
    }
    

    Let us know if you have any other questions! 

    Best regards, 

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Irina replied

    Thank you very much, Marie. It works fine yet! 
    I have one last question: I use simple line icons as a widget in the main menu for my social media channels. There is just one problem, the icons are not shown. You can see it in the attachment. What can I do to solve this problem?

    Best regards

    Irina

  •  1,845
    Elated replied

    Hello,

    Please try to follow the instructions from this link in order to solve these Cross-Origin errors: 

    https://davidwalsh.name/cdn-fonts
    These instructions work for all browsers and icon packs.
    Basically you need to add few lines of code inside of a .htaccess file and it is better to ask you host to do that for you in case that you are not feeling comfortable doing that:

    <IfModule mod_headers.c>
      <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
        Header set Access-Control-Allow-Origin "*"
      </FilesMatch>
    </IfModule>

    Most of the users were able to solve this cross-origin problem with the solution from that article, but if that does not work for you, you will need to contact your hosting provide support and ask them to fix the Cross-Origin issue, as it is server oriented.

    Detailed Steps:

    So first you log in to your FTP server and find the root folder of your wordperss installation (you can see the ‘wp-admin’, ‘wp-content’ etc folders there)

    Create a new file, name it just ‘.htaccess’ (without quotes),

    Next select that .htaccess file and edit it. (or if you don’t see the edit option, copy this file to your local PC, edit it locally in a text editor, add the code I’ve shown below save the file) then move the file back to the ftp server into same location)

    Then, paste this code into that file, save the file and upload it back to your FTP server into the same folder.

    # Apache config
    <FilesMatch ".(eot|ttf|otf|woff)">
     Header set Access-Control-Allow-Origin "*"
    </FilesMatch>

    Your icons should be working now.

    For any other issue you are facing please feel free to ask us and we will assist you as soon as possible. I will give my best to help you building your site.

    Thanks & Regards,
    Jerry


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.