Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest
  • Page:
  • 1

TOPIC: background color

background color 10 years, 10 months ago #15634

  • Marcos Viedma
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 1
  • Karma: 0
good morning, I can not change the color of the tabs and the background, use the module several times and would like to have a different color characteristic each .. thank you ..

Re: background color 10 years, 10 months ago #15680

Dear Marcos Viedma,

You can add Module Class Suffix for the each of module. then style css for Module Class Suffix.
Please following the steps:
1. please go to your_site\modules\mod_sj_news_ajax_tabs\tmpl\default.php and find:
<div id="<?php echo $uniqueid; ?>" class="sj-ajax-tabs <?php echo $css_posiotion?>">

=>

<div id="<?php echo $uniqueid; ?>" class="sj-ajax-tabs <?php echo $css_posiotion ." ". $moduleclass_sfx;?>">

2. go to administrator -> extensions -> Module Manager: Module mod_sj_news_ajax_tabs -> Options -> Advanced Options -> Module Class Suffix: your_class_mod1

3. then go to your_site\modules\mod_sj_news_ajax_tabs\assets\css\ajax-tabs-color.css and add the code below at the end of this file:
div.your_class_mod1 .tabs-container ul.tabs li.selected .tab,
div.your_class_mod1 .tabs-container ul.tabs li:hover .tab{background:#3366CC; }

=> and change background:#3366CC; to background:your_color;

- and add:
div.your_class_mod1 .tabs-content{border-color: #3366CC; background-color:#FFFFFF;}

=> and change background-color:#3366CC; to background-color:your_color;

Thanks!
Last Edit: 10 years, 10 months ago by anhqn.
  • Page:
  • 1
Time to create page: 0.29 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes