Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
the answers I found on the Internet are all pretty specific. So what should I generally do when two elements, their children, and their parents have seemingly the same CSS attributes, but look different?
Inspect the element and look at the styles tab of your developer tools. The style rules appear in the order they are applied and the top most rule is with the highest priority.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I want to remove the underline on hover.
Shopify Collection Link
The first step is to identify the element and then identify the styles being applied. In your example, the underline (border-bottom) appears when product card is in focus or being hovered. The relevant CSS rule is on line 8551 in your theme.scss.css file. So just remove this rule from your CSS file.
.product-card:hover .product-card__title,.product-card:focus-within .product-card__title {
border-bottom-color:#3a3a3a;
}
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 years ago.
Improve this question
I want to know that if i use flex on CSS style sheet will it not work properly on other uncommon browsers and devices? I tested on chrome and Firefox it works fine. but hard to check with all browsers. I need some expert advice.
It might cause a problem on some really old browsers, but they are negligible.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'd like to remove the extra space that the label takes up in a polymer text-area. Is this possible? Thank you.
--paper-input-container-label
--paper-input-container-label-focus
--paper-input-container-label-floating
These are three mixins that can be applied to label in paper-text-area. You can use these to style label or hide it as per your need
I guess there are some default margin on padding. Without code it's hard to say.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm trying to apply CSS transition effect when an element comes to viewport (i.e. when user scrolls to it), but not before.
I already know how to use CSS transitions, but how do I apply them only when the element comes to viewport?
What it the best way of doing this? If there's some library's to simplify the task, I would be glad to know.
Give CSS3 Animate It a go, makes the whole process as simple as adding a few clases.
http://jackonthe.net/css3animateit/
Then you can just add the classes like this to get started.
<div class='animatedParent'>
<h2 class='animated bounceInDown'>It Works!</h2>
</div>
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
Click on http://www.christopherandbanks.com/home/index.jsp and when you Zoom-in or zoom out Firefox the Shopping bag Disappears.
You can Use firebug for the Help.
This is only a CSS Related Issue.
On your div which holds the shopping cart and other links besides it, add white-space:nowrap;