Can anyone help me with aligning a icon by CSS? [closed] - css

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 { }

Related

Alternative textarea background colors [closed]

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
}

Wordpress CSS: Center Iframe Object [closed]

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;
}

Center element within element [closed]

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.

Css issue with my navigation [closed]

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
I have a sticky navigation, but my problem is the navigation jumps a little as I begin scrolling
http://testdev.co.za/tyme/info/
Can anyone show me in the css where the problem is.
You need to fix the position of your navigation bar using this code
position: fixed;
may be it will help you
You need to remove the padding-top: 25px from the .l-canvas.headerpos_fixed .l-header.state_sticky class in custom-vb.css.
Then you need to add padding-top: 25px to the .l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain class in the same css file.
Sooooo, in custom-vb.css:
.l-canvas.headerpos_fixed .l-header.state_sticky {
}
.l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain {
min-height: 100px !important;
padding top: 25px;
}
Any problems let me know.

z-index not stacking properly [closed]

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 have this page HERE. And the CSS is HERE. I would like <div id="main-img"> to be behind <header>. I have done z-index so many times before but I just cannot figure out what I'm missing here.
Thanks!!
Your div header has position relative, z-index only works with same position type
Try to change your style of your header like this:
header {
top:0;
left:0;
position: absolute;
height: 172px;
max-width: 980px;
z-index: 1;
}

Resources