Can't seem to get rid of the bullet points for the social media icons

Can't seem to get rid of the bullet points for the social media icons

Content Index :

Can't seem to get rid of the bullet points for the social media icons
Tag : html , By : Gazza
Date : November 27 2020, 05:23 PM

this one helps. I posted my link to GitHub, maybe someone can help me out with this. , just add list-style-type: none to the ul tag containing those icons.

No Comments Right Now !

Boards Message :
You Must Login Or Sign Up to Add Your Comments .

Share : facebook icon twitter icon

Can't remove bullet points from UL list with Icons

Tag : css , By : Erik
Date : March 29 2020, 07:55 AM
I hope this helps . I have a list with Icons here: , It is being overridden by the following CSS
ul li:after
    border-left: solid 3px #fe6500 !important;      

Tag : wordpress , By : Marc Dong
Date : March 29 2020, 07:55 AM
hope this fix your issue I use wordpress and want to add social media icons to my footer. What I did so far is to add the following code to the footer.php: , You can add this CSS code and it will work nicely
#social-buttons {
  float: right;
  position: relative;
  top: -9px;

How to position social media icons using @media for max width?

Tag : html , By : mediafarm
Date : March 29 2020, 07:55 AM
hop of those help? Your style look good. The problem is with your selectors, 2 main problems
1- You need to put media querys at the bottom of your document. Remember css is a cascading language and will give priority to the last style.
.fa {
  background-color: black;
  color: white;
  text-decoration: none;
  font-size: 30px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 10px;

.fa:hover {
  color: #7E7791;
  background: white;

#social {
  height: 40px;
  width: 300px;
  margin-top: 10%;
  position: absolute;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;

@media (max-width: 1200px) {
  .ul {
    display: none;
  .bars2 {
    display: block;
#social {
    margin-left: 0;
    left: 0;
  .social .fa {
    display: block;
<div id="social" class="social">
  <a href="#" class="fa fa-youtube-play"></a>
  <a href="#" class="fa fa-instagram"></a>
  <a href="#" class="fa fa-facebook"></a>
  <a href="#" class="fa fa-twitter"></a>
  <a href="#" class="fa fa-pinterest"></a>

React Fontawesome doesn't have free-brands-svg-icons, so cant show the social media icons

Tag : css , By : Bado
Date : March 29 2020, 07:55 AM
I think the issue was by ths following , Is there anyway i can use social media icons on my React Webpage? , As @fard said: npm i --save @fortawesome/free-brands-svg-icons

Social media icons not appearing

Tag : html , By : user103892
Date : March 29 2020, 07:55 AM
Related Posts Related QUESTIONS :
  • Is there any way to edit specific Column of table using mat-table in Angular material
  • How can I set a text as a shadow for a heading element?
  • How to fix the forms making the buttons overlap
  • Splitting XML into multiple HTML pages with XSLT?
  • How to justify empty divs in flex container
  • How to blur in CSS only one layer of when you have multiple layers in background-image?
  • Scrollable html table with fixed first row and first column, along with angular material controls within the cells of ta
  • In Django, how to extract ID attribute from html Input tag, WITHOUT using django forms
  • how to fix link tag in html after changing css
  • How do I add a top padding to the second row?
  • Is it possible to split XML into multiple HTML pages with page navigation?
  • AngularJS: responsive height in bootstrap
  • Hide second line of text with CSS
  • repeating-linear-gradient not working in Edge browser and internet Explorer Browser
  • how to make search and form category merges like amazon on bootstrap
  • Bootstrap: Rearranging rows into columns and changing the order of elements
  • How can I move a label under a text box?
  • How save LinearGradient To database
  • How to reposition an image with a linear gradient using css?
  • HTML audio will not play when page opened by batch file
  • CSS Three Tone Diagonal Background
  • How to use slots inside of template components in HTML
  • Using span tags in meta description & title, for dual languages
  • How to make an icon/span selectable by pressing Tab key?
  • Add dynamic margins using UI Kit
  • Add margin-top to textbox
  • What is the correct semantic HTML markup for a title (book, movie, etc.), according to the spec? Is it an <em> tag
  • How to make an animation in Geoserver or in Leaflet
  • Buttons overlapping when shrinking window
  • Stretch an element to the end of the automatically calculated grid, not just the explicit grid
  • What relation is there between Angular's <ng-content> and ShadowDOM
  • CSS background for div element is not working
  • CSS Marquee: multiple paragraphs overlaps
  • I want to align search bar to extreme right
  • Getting blank white space to the left of content inside pre tags
  • My viewer.html won't load any css and jss files
  • How to apply multiple styles to HTML to only part of a title?
  • Want to make text div transparent on a parallax area
  • Is there a way to make this ID plus descendants CSS rule less specific?
  • Is there a way to drop in a stylesheet to get a Material theme or similar for all form elements on the page?
  • How do I make a sideways L look in html/css?
  • Why won't the color #e67d22e1 display in Safari?
  • How to select specific tag's attribute value with xPath?
  • How to make div rows fill available height
  • How to fix text inside a block that grows
  • svg hexagon halftone pattern
  • How to edit a website's element's background colors using a chromium extention
  • What is the main tag in HTML5 ? How does it differ from body tag?
  • My image is flowing out from my div column. How I can fix it and made the image full-size into div
  • How to draw line in react
  • Why Transition css is not working in child selector css
  • How to modify materialize css select option?
  • How to center some text in a rectangle in CSS?
  • How do I equally space out css grid columns?
  • How to make sure all the parts of a macro are running correctly?
  • How to adjust the zoom of website at different browser at different screen size?
  • Can't set max height on child div properly
  • Why background color is not applying to DIV container?
  • Need to select the first-child
  • No space between attributes in buttons
  • shadow
    Privacy Policy - Terms - Contact Us © scrbit.com