skip to Main Content

https://techiesays.io/ This is the website I created. On this website, I added the back-to-top buttonenter image description here. But the icon middle in that button is not visible on a specific page. I tried to change the CSS in inspecting it’s working.enter image description here
https://techiesays.io/personal/ in this page it is not visible

Current css

scroll-btn i {
  display: inline-block;
  background-color: var(--theme-color);
  color: var(--white-color);
  text-align: center;
  font-size: 16px;
  width: var(--btn-size, 50px);
  height: var(--btn-size, 50px);
  line-height: var(--btn-size, 50px);
  z-index: 2;
  border-radius: inherit;
  position: relative;
  transition: all ease 0.8s;
}

2

Answers


  1. Chosen as BEST ANSWER
    {    background-color: transparent;
        border: none;
        width: 50px;
        height: 50px;
        color: var(--title-color);
        font-size: 28px;
    }
    

    worked after adding this css in the elementor custom css section


  2. Use the following might work I am new to this business

        color: var(--white-color) 
        !important; 
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search