Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #600561

    Hello Kriesi,

    I searched the forum and saw the following code for adjusting the color on the hyperlinks within the content of the page:
    .content p a { color: #002bff !important; }
    however I am trying to also have the same color hyperlink for the those within bullets and headings.
    Please see below for screenshot sample.

    Please advise.

    Thank you!

    #600566

    also within tables as shown in screenshot below.

    Thank you

    #601020

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .widget_nav_menu ul ul li a {
    color: #002bff !important;
    }
    

    Regards,
    Rikard

    #601526

    Thank you Rikard, unfortunately I tried that but it did not seem to work : (

    #601531

    It did update the hyperlinks on the sidebar navigation menu by the way but we need the hyperlinks within the text box bullets, headings and tables. Currently hyperlinks are only highlighted and stand out when they are in a regular paragraph like in the circled areas in the screenshots above.

    Thank you!

    #603594

    Hey!

    We checked the html markup and it’s quite unusual. Why did you re-wrapped the list tags with multiple list tags? Example:

    <ul>
    <ul>
    <ul>
    <ul>
    <ul>
    <ul>
    <ul>
    <li><a href="http://researchdev2015.fiu.edu/research-services/proposal-preparation/proposal-boilerplate-library/#mission">FIU Mission, Vision, and Values</a></li>
    </ul>
    </ul>
    </ul>
    </ul>
    </ul>
    </ul>
    </ul>

    Best regards,
    Ismael

    #603918

    I believe some of that occurred when the content was copied from an existing static site.
    Nonetheless, I corrected the bullets on that page (link below) however the hyperlinks are still not highlighted to stand out from the regular text in these text box bullets, regular headings and tables like the hyperlinks stand out in other sections within text blocks and accordion elements, etc.

    I have the following quick css for highlighting the hyperlinks within text blocks, however not sure how to have the hyperlinks highlighted within these text box bullets, headings and tables:
    .content p a { color: #002bff !important; }

    Thanks again for any insight as to why that may be occurring.

    #604064

    Hi!

    try this code instead:

    .avia_textblock ul li a {
    color: blue !important;
    }
    

    Regards,
    Andy

    #604177

    Unfortunately the hyperlinks are still not highlighted to stand out from the regular text in these text box bullets, special headings and tables.
    Below is sample of page with the hyperlinks within the bullets still same color as regular content
    Thanks

    #604352

    Hey!

    blue highlighting is working fine for me:

    View post on imgur.com

    Please clear browser cache and hard refresh a few times.

    Best regards,
    Andy

    #608358

    Thank you Andy, unfortunately the hyperlinks are now a different color within bullets only and not within paragraphs and special headings nor tables.
    I’ve included a few pages where this is occurring below.

    Please advise.

    Thank you!

    #608771

    Hi!

    adjust your style settings in Enfold->General Styling->Main Content->Highlight color

    Cheers!
    Andy

    #609036

    Thank you Andy but I already had that setting : /

    This is still the only quick CSS that I have for the hyperlink font color:
    /*******************
    hyperlink only- blue
    *******************/
    .avia_textblock ul li a {
    color: blue !important;
    }

    Please see screenshot below of the enfold setting and sample page with and without hovering over of hyperlink.
    I am trying to have ALL hyperlinks on a page stand out so a person viewing a page knows where to click a hyperlink without having to hover over the whole page “hunting” for hyperlinks.

    Thank you again for all your help, please let me know of any other suggestions.

    #609536

    Hi!

    try this code in Quick CSS field:

    a {
    color: red !important;
    }
    

    and adjust as needed.

    Cheers!
    Andy

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.