Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 17, 2015 at 5:51 am #554203
    sackerly

    I have a post in which the color of links in bold font varies depending on the position of the Strong tag in the link code. The post is here:

    http://www.highpeaksmedia.com/amazon-s3-glacier-cloudfront-user-interface-options/

    If the strong tag is inside the link code, the link color is normal.

    <a title="fast glacier" href="http://fastglacier.com/" target="_blank"><strong>FastGlacier</strong></a>

    But if the strong tag is outside the link code, the link color is almost not visible (and I cannot find a setting that will adjust this)

    <strong><a title="s3 browser" href="http://s3browser.com/" target="_blank">S3 Browser </a></strong>

    Can you help to make the link color in the latter conform to the normal link color (currently the link color is almost not visible)? Thanks!

    • This topic was modified 8 years, 11 months ago by sackerly.
    December 17, 2015 at 4:06 pm #554457
    Yigit

    Hi sackerly!

    Please add following code to Quick CSS and adjust as needed

    .main_color strong a {
    color: red;
}

    Cheers!
    Yigit

    December 17, 2015 at 4:21 pm #554467
    sackerly

    The CSS code affects text where the strong tag is INSIDE the link <a title="fast glacier" href="http://fastglacier.com/" target="_blank"><strong>FastGlacier</strong></a> – BUT this was not the problem.

    The problem occurs when the strong tag is OUTSIDE the link <strong><a title="s3 browser" href="http://s3browser.com/" target="_blank">S3 Browser </a></strong>

    This was not affected by the CSS. Any other suggestions?

    December 17, 2015 at 4:36 pm #554474
    Yigit

    Hey!

    You can find selectors for both strong and a tags below

    .main_color strong { color: orange; }
.main_color a { color: green; }
.main_color a strong { color: red; }
.main_color strong a { color: blue; }

    If you would like to set all colors to theme colors, please use following 

    .main_color a, .main_color strong { color: inherit; }

    Cheers!
    Yigit

    December 17, 2015 at 5:08 pm #554511
    sackerly

    Something strange is going on. I made a mistake and entered the following code into Quick CSS, WITHOUT THE END MARK ” } “:

    .main_color a, .main_color strong { color: inherit;

    EVERYTHING WORKED!

    Then, I noticed my error, and corrected the code to

    .main_color a, .main_color strong { color: inherit; }

    And I am back to the original problem. I cannot find any errors in the Quick CSS code on the site, but I am pasting it into the private area so you can take a look (to not clutter up the forum)

    So, maybe it is working, but I don’t know why.

    Thanks for the help!

    December 22, 2015 at 12:54 pm #556502
    Andy

    Hi!

    yeah quite strange, but glad it’s still working for you. You could try to remove all your other css codes and keep the one without brackets at the end only, just to test it. Clear browser cache and hard refresh a few times, to make sure you don’t see a cached version.

    Best regards,
    Andy

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