CSS format inq

Hello everybody,

Working on a shopify project and the code you see below is used in the detail page create a more prettier page.

2 questions:

  1. <style type="text/css"><!-- -></style> , What does this do? why do i need to add <!-- -> inside the style tag?

  2. the .faqLing class wont work on the FAQ link for some reason and im not sure why?

any help you can provide would be greatly appreciated.

thank you.

<style type="text/css"><!--
    @import url('https://fonts.googleapis.com/css?family=Roboto');      
    .li1   { font-family: 'Roboto', Arial, sans-serif; padding: 2px 0px 2px 5px; font-size:15px;}
    .li2   { font-family: 'Roboto', Arial, sans-serif; padding: 2px 0px 5px 5px; list-style-type: none; font-size:21px; }           
    .fontWithRed30 { font-family: 'Roboto', Arial, sans-serif; color: #f60000; font-weight: 900; }
    .title { font-family: 'Roboto', Arial, sans-serif; font-size:21px; color: #2B547E; padding: 0px 0px 0px 20px; font-weight: 900; }
    .info  { font-family: 'Roboto', Arial, sans-serif; background: #528EC1; color: #FFFFFF; width: 100%; font-size: 21px; height: 28px; padding: 2px 0px 0px 20px; font-weight: 900;}
    **.faqLing a:link, a:visited { color: blue; font-weight: 900; }**
**    .faqLing a:hover {color: #f60000; }**
    hr.style1{ color:lightgray; height:1px;border-width:0; background-color:lightgray }
    **-->**</style>   





    ` For more information <a class="faqLink"  href="http://example.com/pages/faqs" title="FAQs" target="_blank" rel="noopener noreferrer">FAQs</a> page.`

You don’t. It was required maybe 20 years ago for (then) older browsers. Not needed any more.

You have a typo or two. Your using faqLink and faqLing

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.