Reply To: Website is not responsive in Tablets

Hi there,

For the bullet colors, try this CSS:

ul {
    list-style: none;
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-size: 20px;
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

replace color: red; with your preferred color:

Currently I’m using bellow css for link styling but wondering if I can exclude author box from this

we can exclude things by using :not pseudo class.

Example:

.entry-content a:not(.author) {
text-decoration: none;
border-bottom: 2.5px solid red;
padding-bottom: 2px;
}

And one last think could you give me a css code which will also change the color of link underline text on hover like https://www.thespruce.com/shrubs-for-sun-the-best-bloomers-2132441

You can do it like this.

.entry-content a:not(.author):hover {
border-bottom: 2.5px solid red;
}