Responsive Easy Bank App

Community feedback

• 

  Justice Jatau•120

  @JusticeJatauPosted 9 months ago

  This comment was deleted 9 months ago

  0

  ---

  

  Justice Jatau•120

  @JusticeJatauPosted 9 months ago

  I faced the same issues too, but found a way to fix it,

  for those text in paragraph tags, you have to select the specific tag for it to change the desire text. For example:

  
  <div class="container"> 
      <p>This is a paragraph</p>
   </div> 
  

  Css

   .container p{
       font-size: 18px; 
  } 
  

  for those text in anchor tags, you have to select the anchor tag for it to work

  
  <div class="container"> 
      <a href="#">This is a link</a>
   </div> 
  
  

  Css

  
  .container a{ 
      font-size: 18px; 
  } 
  
  

  Then for the icon hover, you have to

  • look for the SVG file and set the "fill" to nothing
  • then select the SVG in css and set fill to white
  • then set the fill hover property

  selector:hover{
      property:value;
  }
  

  svg:hover{
      fill: blue;
  }
  

  With this approach, you will have to put the SVG in html instead of image.

  Instead of

  <footer>
      <img src="image.svg">
  </footer>
  

  open the SVG.svg file in your text editor, copy and paste the code in your html

  <footer>
      <svg code>
  </footer>
  

  0

  

  Clever Gambe•120

  @cgambePosted 9 months ago

  @JusticeJatau Thanks a lot

  1

  

  Justice Jatau•120

  @JusticeJatauPosted 9 months ago

  @cgambe anytime

  0