• Resolved Alex

    (@teachingforfree)


    Hello, I’m trying to change the link color .
    I tried this:
    #vsel .vsel-meta-link {font-family:"open sans", Times, serif; color:#fff;}
    #vsel .vsel-meta-link {font:15px arial; color:white; text-align:center !important}
    But It doesn’t work. 🙁

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Guido

    (@guido07111975)

    Hi,

    The meta link is the whole div, you should apply this to the URL itself:

    
    #vsel .vsel-meta-link a {color:white;}
    #vsel .vsel-meta-link a:hover {color:red;}
    

    Guido

    Thread Starter Alex

    (@teachingforfree)

    “information link” works, but title link, all events and “see more” doesn’t work. you can check on website

    Plugin Author Guido

    (@guido07111975)

    Aha, if you want to change all links inside the event area, try this:

    
    #vsel a {color:white;}
    #vsel a:hover {color:red;}
    

    Guido

    Thread Starter Alex

    (@teachingforfree)

    It works for title, “see more” and event, but not for “all events” and text 🙁 look> website

    Plugin Author Guido

    (@guido07111975)

    Hi,

    That link is outside the #vsel container.

    Try this:

    
    .vsel-widget-link a {color:gold;}
    

    Guido

    Thread Starter Alex

    (@teachingforfree)

    yeah! it works, thank you! Now, i am trying to change the title color “Very Simple Event List”. i changed the text color with .vsel-widget-text {font:18px open sans; color:gold;} but the title didn’t change with .vsel-widget-title {font:18px open sans; color:gold;}

    Plugin Author Guido

    (@guido07111975)

    Hi,

    That heading is not part of my plugin. Try this:

    
    .elementor-widget-container h5 {font:18px open sans; color:gold;}
    

    Guido

    Thread Starter Alex

    (@teachingforfree)

    We got it! Thank you very much Guido! i want to share the final results.

    #vsel {font-family:"open sans", Times, serif; color:#fff;font-weight:bold;} (all texts inside event area)
    
    #vsel .vsel-meta-title {font-family:"open sans", Times, serif; color:gold;text-align:center} (event title)
    #vsel .vsel-meta-link {font:25px open sans; text-align:center !important} (Event link)
    #vsel .vsel-meta-link a:hover {color:red;}  (Event link hover)
    
    #vsel a {color:white;}   (all links inside the event area)
    #vsel a:hover {color:red;} (all hover links inside the event area)
    
    .vsel-widget-link a {font:18px open sans;color:gold;} ("all events" link)
    .vsel-widget-text {font:18px open sans; color:gold;} (vsel widget text)
    .elementor-widget-container h5 {font:18px open sans; color:gold;}   (vsel elementor title)
    Plugin Author Guido

    (@guido07111975)

    Looks fine to me. Marking this thread as resolved.

    If you add comments in your CSS code, use // instead of ()

    Example: // all texts inside event area

    Guido

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘link color’ is closed to new replies.