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:
-
<style type="text/css"><!-- -></style>
, What does this do? why do i need to add<!-- ->
inside the style tag? -
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.`