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;}
  
• 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: