Jump to content

Footer text color PS 1.6


frontend

Recommended Posts

Hi,

For some text in the Footer i cannot seem to change the color of the text. 

I try to edit /themes/default-bootstrap/css/global.css

I was able to change most text color (categories etc) but not the text within these red line.

 

 image.thumb.png.f0844409b4a4a9f5342c362883380aac.png

 

I clear cache etc after making changes but that does not change anything. 

This is part of the global.css fot the Store info.

 

 .footer-container #footer #block_contact_infos {
      border-left: 1px solid #515151; }
      @media (max-width: 767px) {
        .footer-container #footer #block_contact_infos {
          border: none; } }
      .footer-container #footer #block_contact_infos > div {
        padding: 0 0 0 5px; }
        @media (max-width: 767px) {
          .footer-container #footer #block_contact_infos > div {
            padding-left: 0; } }
        .footer-container #footer #block_contact_infos > div ul li {
          padding: 0 0 7px 4px;
          overflow: hidden;
          line-height: 30px; }
          .footer-container #footer #block_contact_infos > div ul li > span,
          .footer-container #footer #block_contact_infos > div ul li > span a {
            color: #fff;
            font-weight: normal; }
          .footer-container #footer #block_contact_infos > div ul li i {
            font-size: 25px;
            width: 32px;
            text-align: center;
            padding-right: 12px;
            float: left;
            color: #908f8f; }

But i cant seem to get it right when i want to change that text color to #fff

Adding color: #fff;

too 

      .footer-container #footer #block_contact_infos > div ul li {
          padding: 0 0 7px 4px;
          overflow: hidden;
          line-height: 30px; }

Does not work.

     

 

 

 

Link to comment
Share on other sites

You can use source:

.footer-container #footer #block_contact_infos > div ul li {
    color: #fff;
}
.footer-container #footer a{
 color: #fff;
}

Also open global.css on your browser to clear cache. Example: http://yourstore.com/themes/default-bootstrap/css/global.css

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...