New Landing How can we help? Atelier Promo Bar Text Underline

Viewing 14 posts - 1 through 14 (of 14 total)
  • Posted in: Atelier
  • #306994
    amrit02
    Member
    Post count: 46

    Hi guys,
    Thanks for the support.

    I have a promo bar below and i would like the Text to be underlined and clickable .
    Now i am using “Text Only (Full Bar Link)” under Display Type but it shows as a button. I only need the text part
    to be underlined and clickable.

    Attachments:
    You must be logged in to view attached files.
    #307002
    David Martin – Support
    Moderator
    Post count: 20834

    Please try this:

    a.standard > p {
        text-decoration: underline;
    }
    #307004
    amrit02
    Member
    Post count: 46

    Hi David,
    Works great , but there’s still a foreign Blue color once I hover over it , anyway I could change this ?

    Also is there a way of making the fonts bigger? and Aligned to the text “Carry Essentials ….”

    Thanks !

    Attachments:
    You must be logged in to view attached files.
    #307006
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add this one and change to the desired color.

    #base-promo.footer-promo-arrow:hover > *, #base-promo.footer-promo-text:hover > *, .sf-promo-bar.promo-arrow:hover > *, .sf-promo-bar.promo-text:hover > * {
        color: #fff!important;
    }

    -Rui

    #307011
    amrit02
    Member
    Post count: 46

    Hi Rui, This doesn’t seem to work,
    I still get the foreign blue color as i hover.
    And the text is still not aligned yet.

    #307014
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    You didn’t set it to #FFF like in my code.

    I already changed it to #FFF and it looks like this on hover.
    https://www.dropbox.com/s/af0pveiz2xzotsu/Screenshot%202016-12-16%2019.10.19.png?dl=0

    -Rui

    #307017
    amrit02
    Member
    Post count: 46

    Hi Rui,

    What i actually need is the link to have the Same color as the background (#0e3559)
    Somehow it is still showing a different color

    Attached is the picture to show exactly what i mean. Sorry for any miscommunication!

    Attachments:
    You must be logged in to view attached files.
    #307020
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    it needs to be #0e3559 on hover and #fff on normal state?
    that’s what was happening when I checked the site in this last reply before I changed it to #FFF

    maybe you didn’t cleared your cache.

    I changed it again and you can see in my screenshot that is applying the correct color code( #0e3559 ).
    https://www.dropbox.com/s/bfgozksgpfwf7rd/Screenshot%202016-12-16%2019.32.45.png?dl=0

    The text is centered aligned.
    https://www.dropbox.com/s/9ioq0nq9kfz00zy/Screenshot%202016-12-16%2019.34.56.png?dl=0

    -Rui

    #307021
    amrit02
    Member
    Post count: 46

    This is exactly how it should appear in the website,
    The colors shouldnt change on hover , just a clickable link .
    Am i using the right element?

    #307024
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    I wasn’t understanding that you were talking about the background color.

    Can you check again it looks exactly the same on hover now.

    -Rui

    #307025
    amrit02
    Member
    Post count: 46

    Alright this was solved by a simple text box with a link !

    Its just that the background color for the text is different compared to the rest , even though they’re the same #0e3559 color. why is this so?

    #307160
    David Martin – Support
    Moderator
    Post count: 20834

    Glad you got it sorted. Can you please clarify your last question, I do not understand you.

    #307216
    amrit02
    Member
    Post count: 46

    Nevermind , i got this sorted ! thanks !

    #307223
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Great.
    -Rui

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register