Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm trying to center this element here: https://trello-attachments.s3.amazonaws.com/5508d4ee693f59d0072198d7/1191x701/f94f2503ad54439174bed54e3630041d/ScreenShot_20150318203417.png
Can someone help me please? The link of this page is http://margaridamoreira.com/welcome/. Which CSS could fix this?
Best,
Ivo
Use the following for the ul and li in the media=all css selector
.sharify-container ul{padding:0;margin: 0 auto;display: inline-block;width: 100%;height: 100%;text-align: center;}
.sharify-container li{list-style:none;height:50px;line-height:30px;float: none;margin:0;padding-left:2.5px;display: inline-block;}
Using float:left, you are aligning all the li elements to the left of the ul which is not what you want here.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 days ago.
Improve this question
Has anyone got any ideas how to make textarea posts, which are created from a javascript function, be given different color backgrounds within the CSS? I have tried the nth-of-type (odd) and nth-child (even) etc..., but from what I can see, this only works with tables.
Any help would be greatly appreciated.
.post textarea:nth-of-type(odd) {
background-color: green
}
.posttextarea:nth-of-type(even) {
background-color: red
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I am unable to align this icon with others by CSS,
Can anyone one help me with aligning this? The page link is https://merchla.my/my-account/
TIA.
On this class here <ul class="jssocials-shares" id="wpuf_social_link"> add display: flex;
ul.jssocials-shares li.jssocials-share-google a img {
width: auto;
height: 1em;
Remove all the css code from below code
ul.jssocials-shares li.jssocials-share-google a { }
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I have a strange issue.
I detected that margin-top needs to be set to 0 for my toggle menu to look well.
I changed this in CSS and cleared my cache but the problem is still there.
Please let me know what should I do to fix this.
You can see live problem here: http://onedayitinerary.com
Thanks!
Screenshot of the problem
https://i.stack.imgur.com/yk4CA.png
You didn't target the required selector. When pointing the element in DevTools, check the code that has the most importance on the right hand side.
.main-navigation ul ul li:hover > ul {
margin-top: 0;
}
Output:
The ul around, has a margin-top:25px; on it. Remove that in the file and it should work.
If you already have done that, try add "style.css?ver=1" to your stylesheet link. Sometimes that will force an stylesheet update.
you need to modify your style.css to fix this issue
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I need to center this: https://www.nologo.surf/4-fun/ on 360ยบ image isnt center...
Thanks
On your div with the class threesixty-image add this:
.threesixty-image {
margin: auto;
}
I tested in browser and that should center it for you.
Just add this code in your CSS
.threesixty-image {
margin:0 auto;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Link: jsfiddle.net/d8p00ca5/2/
I want to give icons a certain color(lets say red) and text another color(black).
But when I hover the link, icon and text should have the same color(yellow).
How can I do that?
a:hover > .fa {
color:yellow;
}
Note, this selector is very general and may not be appropriate in all situations.
Alternatively,
a.circle:hover > .fa {
color:yellow;
}
Is a little more specific.
Jsfiddlde Demo
You just need to add .circle:hover .fa {color:yellow;}
http://jsfiddle.net/d8p00ca5/4/