Featured banner class

This topic contains 13 replies, has 3 voices, and was last updated by  Carin Handsun 5 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #525609

    Carin Handsun
    Expired Member
    Post count: 178

    Hi, I added this Badge class gd-ab-top-left-angle to:
    [gd_post_badge key=”featured” condition=”is_not_empty” css_class=”gd-ab-top-left-angle” search=”yes” badge=”Featured” bg_color=”#0073aa” txt_color=”#ffffff” alignment=”left”]
    Badge is above the image in the template, but featured is still showing up

    but featured image still shows the old way
    https://chorematch.com/fl/marion/pet-services-companies/

    #525649

    Alex Rollin
    Moderator
    Post count: 27815

    Have you tried clearing cache? I am not seeing the class there. You can also try removing alignment=”left”

    Try changing the color for the featured badge to make sure you are seeing the latest version.

    If we need to check the settings please share WP Admin credentials in a private reply along with login URL.

    #525771

    Carin Handsun
    Expired Member
    Post count: 178
    This reply has been marked as private.
    #525899

    Alex Rollin
    Moderator
    Post count: 27815
    This reply has been marked as private.
    #527088

    Carin Handsun
    Expired Member
    Post count: 178
    This reply has been marked as private.
    #531827

    Carin Handsun
    Expired Member
    Post count: 178
    This reply has been marked as private.
    #531894

    Kor
    Moderator
    Post count: 16516

    Hi Carin,

    Thanks for your reply. Could you tell me where would you like to display that “Featured” badged?

    #531995

    Carin Handsun
    Expired Member
    Post count: 178

    right top corner of listing-thanks!

    #532006

    Kor
    Moderator
    Post count: 16516

    Hi Carin,

    Thanks for your reply. Could you try applying this custom CSS code below and see if it helps?

    .gd-badge-meta.gd-ab-right-angle, .gd-badge-meta.gd-ab-top-right-angle {
        top: -10px;
    }
    #532015

    Carin Handsun
    Expired Member
    Post count: 178

    I changed the background color to be sure I am targeting it, the -10px did nothing so I also tried adding position:, still no moveing:
    .gd-badge-meta.gd-ab-right-angle .gd-badge, .gd-badge-meta.gd-ab-top-right-angle .gd-badge {
    display: block;
    top: -10px;
    background-color:#333!important;
    position:relative!important;
    }
    https://chorematch.com/fl/marion/business-service-companies/

    #532336

    Kor
    Moderator
    Post count: 16516

    Hi Carin,

    Thanks for your reply. Try applying the custom CSS code below instead.

    .gd-badge-meta.gd-ab-right-angle, .gd-badge-meta.gd-ab-top-right-angle {
        top: -10px!important;
    }
    #532386

    Carin Handsun
    Expired Member
    Post count: 178

    I added your code and it did not move, so I tried changing color to be sure I was targeting it and it did not change color until I added .gd-badge into it. but it still has not moved position https://chorematch.com/fl/marion/business-service-companies/

    #532388

    Kor
    Moderator
    Post count: 16516

    Hi Carin,

    Thanks for your reply. I’ve corrected the custom CSS code for you(you added a wrong class) and could you please check now?

    #532397

    Carin Handsun
    Expired Member
    Post count: 178

    Are you seeing it in the right position, I added that class becasue it did not look like it was beieng targeted and when i added that class I was able to change the background color from blue to dark grey, I still see it up in the corner, only now its blue again https://www.screencast.com/t/GmgovMhUGZN

Viewing 14 posts - 1 through 14 (of 14 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount