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 #2165637
Quote post format
Closed

Comments

  • scott_d started the conversation

    Hi there!

    With respect to the display of the quote style post on blog pages, I'd like to be able to change the color overlay of the featured image/background on a per-post basis (meaning here, to not simply override the background-color for the 

    .eltd-blog-holder article.format-quote .eltd-post-text 

    selector via the  custom css area of the theme).

    Is it possible to control this via a custom field and, if so, how? Any other ideas?

    Appreciate any suggestions — thanks!

  • scott_d replied

    I should probably clarify that the result that I'm looking to achieve is to display different colored quotes on the main blog page. It's easy enough to modify the color on the individual posts, but they revert to display the default color when viewed on a blog page (masonry, expanding tiles, etc.).

    Thanks

  •  1,845
    Elated replied

    Hello there,

    Welcome to your support management and thank you for choosing our theme!

    If you want to change background color for all featured images, please put the following code into Appearance » Customize » Additional CSS

    #post-2972 .eltd-blog-holder article.format-quote .eltd-post-text {
        background-color: rgba(88,188,179,.9) !important;
    }
    

    But you need to change numbers "88,188,179" with codes for your color. To view color code go to https://www.google.com/search?q=color+picker and there you can see code for your color : http://prntscr.com/pbryq9

    Also, previous block code is only for one post, if you  want to change on anoter post, you need to paste same code again but you need to change "#post-2972" (post ID) with number of post for which you want to change color:

    To see post ID you need to inspect post (right click on post and inscept) and there you can find post id like on screenshot:

    6974976266.png


    If there’s anything else we can help you with, please let us know.

    Best Regards,
    Milos


    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.

  • scott_d replied

    Hi Milos!

    Thanks for getting back to me so quickly, love the theme btw.

    I've attempted your suggested approach, and tbh, haven't had any luck while using the post id. Using the original demo on localhost, I add the following to the appearance/customize/additional css:

    #post-2972 .eltd-blog-holder  article.format-quote .eltd-post-text {
         background-color: rgba(138,88,188,.75) !important;
    }

    And… nothing happens. If I instead add the following:

    .eltd-blog-holder  article.format-quote .eltd-post-text {
         background-color: rgba(138,88,188,.75) !important;
    }

    All of the quote posts will display in the specified color (as expected), though that color will not appear on the actual post itself. However, the goal is to display different colors on different posts.

    In the first attached screen grab, I've modified the color on post #2972 via the inspector, which displays the desired result. Adding the appropriate code to the custom css section and publishing however, results in no change (appears to continue to be overridden by default color), please note screen grab two.

    Clearly I'm missing something (presumably user error)… Appreciate any additional help that you can provide.

    Thanks!

  •  1,845
    Elated replied

    Hi,

    Please try adding post selector to article.format-quote like in the custom css below ( https://www.screencast.com/t/6qCRtJyogGi ). It should stay together with article.format-quote, there shouldn't be any space in between them ( article.format-quote.post-2972 ): 

    .eltd-blog-holder article.format-quote.post-2972 .eltd-post-text {
        background-color: rgba(0,188,99,.9) !important;
    }
    

    Hope this helps!

    Best regards,

    Kevin


    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.

  • scott_d replied

    That did it — thank you!

  •  1,845
    Elated replied

    You're welcome,

    Let us know if there's anything else!

    Also, if it’s not too much trouble, we’d really appreciate if you could rate our theme on ThemeForest. Just visit the following link and select five stars next to our theme’s name: http://themeforest.net/downloads 

    This way you’ll be helping us improve our support services and make them even more efficient. 

    Thank you in advance!

    Best Regards,
    Milos


    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.