Special Offer: Buy All 45 Premium WordPress Themes for Just $51. Learn more
No Comments
ayabookspro-customizing-WooCommerce1

Our premium theme AyaBooksPro comes with powerful list of Admin Panel/Customizer Options to change colors. But there are some items through theme which don’t come with such options to change their colors. In case you want to change such colors, you could check the below steps:

Navigate to Left Menu -> Appearance -> Customize -> Additional CSS Section, then insert the following code (with updated color values code):

Slider Prev/Next Colors

  • If you need to change Prev/Next color, insert the following code:
    ul.bjqs-controls.v-centered li a {color:#FF0000;}
    AyaBooksPro: set slider prev/next color
  • If you need to change Prev/Next background color, insert the following code:
    ul.bjqs-controls.v-centered li a {background-color:#FF0000;}
  • If you need to change Prev/Next background color on mouse hover, insert the following code:
    ul.bjqs-controls.v-centered li a:hover {background-color:#FF0000;}
  • If you need to change Prev/Next color on mouse hover, insert the following code:
    ul.bjqs-controls.v-centered li a:hover {color:#FF0000;}

Slider Pages

  • If you need to change Slider Page color, insert the following code:
    ol.bjqs-markers li a {color:#FF0000;}
  • If you need to change Slider Page background color, insert the following code:
    ol.bjqs-markers li a {background:#FF0000;}
  • If you need to change Current Slider Page color, insert the following code:
    ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {color:#FF0000;}
  • If you need to change Current Slider Page background color, insert the following code:
    ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {background:#FF0000;}

Lines Under Pages

  • If you need to change line color under pages, insert the following code:
    .after-content, .custom-after-content, .page-after-content {border-color:#FF0000;}

Navigation for Posts

  • If you need to change navigation boxes border color, insert the following code:
    .navigation .page-dots, .navigation .page-numbers{border-color:#FF0000;}
  • If you need to change navigation boxes text color, insert the following code:
    .navigation .page-dots, .navigation .page-numbers{color:#FF0000;}
  • If you need to change navigation current box border color, insert the following code:
    .navigation .current, .navigation .current:hover{border-color:#FF0000 !important;}
  • If you need to change navigation current box text color, insert the following code:
    .navigation .current, .navigation .current:hover{color:#FF0000 !important;}

Footer Title Colors

  • If you need to change footer title border below title, insert the following code:
    .footer-title {border-color:#FF0000 !important;}
  • If you need to change footer title thick border below title, insert the following code:
  • .footer-after-title {background:#FF0000 !important;}


Best-selling Products:

Newsletter Subscription

Categories: Help

Leave a Reply

Your email address will not be published. Required fields are marked *

Special Offer: Buy 45 Premium WordPress Themes for Just $51

 

Special Offer buy 45 premium wordpress themes for just $51 ayatemplates.com
More Info

Newsletter Subsription



This will close in 10 seconds