Pricing adjustments

Homepage Community Forums Epik Theme Support Pricing adjustments

  • This topic has 7 replies, 2 voices, and was last updated 10 years ago by CTS.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #11503
    CTS
    Customer

      Hello,

      How can I change the dark buttons on the pricing page to the “blue” color I am using on the theme?

      Also, can I left justify the bullets somehow?

      Thanks much!

      #11504
      CTS
      Customer

        Sorry, the bullets are left justified. Need to make the text left justified too. Thanks!

        http://craftt44.wwwssr4.supercp.com/tech-services-pricing-nashville-tn

        #11516
        Wes
        Moderator

          You can add text-align: left; to the .plan-list around line 767

          .plan-list {
          margin: 0 0 20px;
          overflow: hidden;
          text-align: left;
          }
          #11523
          CTS
          Customer

            Thanks Wes,

            Thant worked fine.

            How can I make them the “blue” color please. Is this possible?

            Thanks again,

            Shelby

            #11527
            CTS
            Customer

              The last thing I need to do is make the pricing plan buttons “blue”. Can seem to get it.

              Any help is appreciated!

              Thanks for the awesome theme & support!!

              Shelby

              #11528
              CTS
              Customer

                Also, I was asked to remove the underline on hover of the pricing buttons please and make buttons blue.

                #11537
                Wes
                Moderator

                  Are you asking how to make the bullets blue? If so, you would need to add this to your css –

                  .plan-list li {
                  	color: #008ae3;
                  }
                  
                  .plan-list p {
                  	color: #333;
                          margin-bottom: 0;
                  }

                  Since adding blue to li will change both the bullet and the text inside of it at the same time, you’ll need to add <p></p> in between the <li> </li> in order for the above styles to affect them separately.

                  To make the button blue, look around line 2775 in your css and change the background color –

                  .epik-black .content .portfolio .more-link,
                  .epik-black .plan-button a {
                  	background: #008ae3;
                  	color: #fff;
                  }

                  To remove the underline, look at the code right under the code above and add text-decoration: none;

                  .epik-black .content .portfolio .more-link:hover,
                  .epik-black .plan-button a:hover {
                  	-moz-transition: all .5s ease;
                  	-o-transition: all .5s ease;
                  	-webkit-transition: all .5s ease;
                  	opacity: .7;
                  	transition: all .5s ease;
                  	text-decoration: none;
                  }
                  #11552
                  CTS
                  Customer
                    This reply has been marked as private.
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • The topic ‘Pricing adjustments’ is closed to new replies.