: I lost the colour sliders
: cspgsl December 19, 2016, 10:05:18 AM

I installed the template at http://awdtest1.com/ and edited the title and poll elements in the "My Abilities" poll (now titled Who Will Save Ellie) and lost the animated colour in the sliders. I then installed the template on another domain at http://dnfinan.ca/ and changed the same code and the colour animation works on the 2nd domain.

I then copied the code from one domain to the other but I cannot get it to work on http://awdtest1.com/

Any ideas?

: Re: I lost the colour sliders
: mikek December 20, 2016, 06:11:32 AM

Hello,

You have removed the inner progress bar2 from the code. Please copy the original code from here:

http://www.shape5.com/demo/arthur/index.php/tutorials-menu-48/custom-code-for-this-design

: Re: I lost the colour sliders
: cspgsl December 20, 2016, 07:05:45 AM

I have found that when I copied over the code, inner progress bar2 is stripped from the module on save.

I am using JCE and have the settings adjusted to allow for css.

Any thoughts on why only that line would be stripped from the code?

: Re: I lost the colour sliders
: mikek December 20, 2016, 08:24:04 PM

Hello,

I'm sorry I'm not sure why it would strip just that. Editors can do some strange things, I've gotten to the point where I just turn them off most of the time.

: Re: I lost the colour sliders
: cspgsl December 21, 2016, 05:05:59 AM

I am finding that I use code view more and more to arrange the HTML to my liking vs. editor view. That seems the only way I can save the code from vanishing,
Thanks

: Re: I lost the colour sliders
: cspgsl December 29, 2016, 03:14:31 PM

Now this is driving me nuts... I have lost the sliders again.

Here is the code that I used.

<div class="abilities_wrap">

<div class="abilities_left">
  <p>As Ellie searches from her mother she encounters different animals and askes for their help to no avail. </p>
  <p>Whom do you think would help her find her mother in the end? <br />
    <br />
   </p>
</div>

<div class="abilities_right">
<div class="progress_bar">
<div class="progress_bar_title">The Lion?</div>
<div class="progress_bar_percentage">60%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:60%;" data-sr="enter left, over 1.5s, opacity 1, move 700px"></div>
</div>
</div>

<div class="progress_bar">
<div class="progress_bar_title">The Hyenas?</div>
<div class="progress_bar_percentage">75%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:75%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.2s"></div>
</div>
</div>

<div class="progress_bar">
<div class="progress_bar_title">The Beaver</div>
<div class="progress_bar_percentage">70%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:70%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.4s"></div>
</div>
</div>

<div class="progress_bar">
<div class="progress_bar_title">An Unexpected Fruiend?</div>
<div class="progress_bar_percentage">95%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:95%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.6s"></div>
</div>
</div>
</div>

<div style="clear:both;height:0px;"></div>
</div>

: Re: I lost the colour sliders
: mikek December 30, 2016, 08:08:52 AM

Hello,

The background color is not applying so you can't see them. I can see you've modified the index.php file:

.module_round_box.highlight1, .jdGallery .carousel .carouselInner .thumbnail.active, .social_icon.ion-social-facebook:hover, .social_icon.ion-social-linkedin:hover, .social_icon.ion-social-youtube:hover, .social_icon.ion-social-twitter:hover, .social_icon.ion-social-googleplus:hover, .social_icon.ion-social-rss:hover, .social_icon.ion-social-pinterest:hover, .s5_tab_show_slide_button_active, .progress_bar2,  .item-page .dropdown-menu li > a:hover, .s5_pricetable_column.recommended .s5_title, .ac-container input:checked + label, .ac-container input:checked + label:hover, .ac-container2 input:checked + label, .ac-container2 input:checked + label:hover, .s5_is_css_wrap_7 a, #s5_responsive_mobile_sidebar_login_bottom button, #s5_responsive_mobile_sidebar_register_bottom button {
background:#CB3C38 !important;
}

This commenting out a large amount of css and should be removed:

: Re: I lost the colour sliders
: cspgsl December 30, 2016, 08:24:10 AM

Oh darn... yes I did that as I couldn't get the following in the custom.css to replace the background colour in the custom_3 position

#s5_pos_custom_3 {
    background: #E4E6E2 !important;
}

I just went back to look at what I had commented out and I see it took everything out after the s5_pos_custom_3 in index.php - oops, my bad.

I have now removed the s5_pos_custom_3 bit and it works

Thanks,

Shape 5

Joomla Templates => Arthur - Club => : cspgsl December 19, 2016, 10:05:18 AM