Alessandro Finizio
asked 10 years ago

http://designwall.com/question/hi-i-have-a-problem-with-dw-posts-carousel-i-want-the-carousel-to-change-between-the-slides-automaticly-it-kind-of-does-that-now-but-i-have-to-manually-go-to-the-next-slide-before-it-starts/
I followed the instructions provided in the post linked above: the code appears in the right section of the homepage’s source, but it just doesn’t work.

5 Answers
DominicStaff
answered 10 years ago

I have checked on our demo and still work fine, you can send me username & password of your site (via private answer) for further checking.
Regards,

Alessandro Finizio
replied 10 years ago

i’ve sent the private message.

DominicStaff
answered 10 years ago

– Issue 1: I checked your site as you mentioned previously. I think the problem on your site is caused by the cache, not bug. , please check your site to handle the cache problem.
– Issue 2-3: I think you have confused between DW Focus & DW Gamez theme. If you have change the background the header, you can add the following code to the Header Code (Dashboard > Customize > Custom Code).
/* Header */

<style>
.site-top-header { background: #...; }
.top-nav li:first-child { border-left-color: #...; }
.top-nav li { border-right-color: #..; }


.navbar .navbar-nav:before {
   background: #0fa9ec;
   box-shadow: 0 0 5px #0fa9ec;
}
.navbar .navbar-nav > ul {background: #...;}
.navbar .navbar-nav > ul > li:before { background:  #...; }
.navbar .navbar-nav > ul > li { border-right-color: #..; }
</style>

Also, please tell me detail about the position that you want to change color, you can send me a screenshot for further checking.
Hope this helps !

Alessandro Finizio
replied 10 years ago

I’ve installed a dedicated plug in for the cache (W3 Total Cache) and checked if the carousel code run with it, but nothing has changed.
I tried to purge the CDN’s cache and then deactivated it, still nothing has changed.
I think Is not the cache that caused this issue, because the site was without cache until now.

Here’s the screenshot (hope it’s readable): http://i.imgur.com/cTef7BJ.jpg

P.S: Yes, i’ve confused DW Focus with DW Gamez :). This because i was searching in the DW Gamez category for a question that contained what i needed.

Thank you for the support!

Alessandro Finizio
answered 10 years ago

I found the cache issue, but the slideshow still doesn’t work. (CloudFlare is on Developer Mode).
How can i make to work this carousel?

Thanks 🙂

DominicStaff
answered 10 years ago

Right now, you can check your site. I have helped you resolve this issue.
Note: We have added the following code to the Customize.

<script>
jQuery(window).load(function(){
jQuery('.carousel-2').carousel({
 interval: 1000
 });
});
</script>

Hope this helps !

Alessandro Finizio
replied 10 years ago

Oh thanks 🙂 Is it possible to set an animation on it? (Slide animation)
Regarding the codes for the customization of the slide’s background?

Here’s the screenshot (hope it’s readable): http://i.imgur.com/cTef7BJ.jpg

DominicStaff
answered 10 years ago

Hi, Impossible to set an animation. To change the background in the Slide, you can add the following code to the style.css file:

.site-feature { background: #..; }
.carousel-2 .carousel-title a { color: #...; }
.carousel-2 .carousel-caption { background: #...; }
.carousel-2 .carousel-caption a:hover {color: #...; Text-shadow: .... ; }

.carousel-3 { background: #..; }
.carousel-3 .carousel-title a { color: #..; }
.carousel-3 .carousel-caption a:hover {color: #...; Text-shadow: .... ; }

.feature-3 { background: #..; }
.carousel-4 .carousel-title a { color: #..; }
.carousel-4 .carousel-caption a:hover {color: #...; Text-shadow: .... ; }

Hope this helps !
 

Alessandro Finizio
answered 10 years ago

I modified the screenshot, now it’s more clear.
http://i.imgur.com/w8ZjOlS.jpg
These are the codes I need:
1. Change Background Color and Text Color (if possible a code that allow to set different text color for each tag and social icon)
2. Change Background Pattern (texture) and Background Color
3. as the second point (2).

DominicStaff
answered 10 years ago

1. At the moment, you just possible change color for the all tags, you can add the following code to the Header Code:

<style>.top-nav a {color: #... ; }</style>

– To change color for the each social icon, you can add the following code to the Header code:

<style>
.top-shares .social.facebook > a { color: #..; }
.top-shares .social.twitter > a { color: #..; }
.top-shares .social.google_plus > a { color: #..; }
.top-shares .social.youtube > a { color: #..; }

.top-shares .social.facebook > a:hover { color: #..; }
.top-shares .social.twitter > a:hover { color: #..; }
.top-shares .social.google_plus > a:hover { color: #..; }
.top-shares .social.youtube > a:hover { color: #..; }
</style>

2. At the moment, we using a background image, if you wan to change the image please copy/paste the image then override our image (pattern-1.jpg) in the folder path “\wp-content\themes\dw-gamez\assets\img”.
– To change background color, you can add the following code to the Header Code:

<style>
.feature-3 { background: #...; }
.carousel-4 .carousel-title a { color: #...; }
.carousel-4 .carousel-meta a { color: #...; }
</style>

3.  To resolve this issue, you can add the following code to the Header Code:

<style>
#secondary .dw_widget_query_posts.qp_style_1 .query_post_inner { background: #...; color: #..;}
#secondary .dw_widget_query_posts.qp_style_1 .query_post_inner .entry-title { color: #...px}
</style>

Hope this helps !

Alessandro Finizio
answered 10 years ago

Hi. Thanks for your support. I need these codes now: http://i.imgur.com/wX43NGu.jpg
Change Background Color and Text Color
Change Text Color of “Pubblicità” inside the header
– Code to increase the container’s width
 
Thanks again

DominicStaff
answered 10 years ago

You can add the following code to the style.css file:
1.

.site-header .search-form .search-field {  background: #...;}
.form-control::-moz-placeholder { color: #...; }
.form-control:hover, .form-control:focus { border-color: #...; }
.site-header .search-form { background: #...; }

2.

.feature-1 .widget-title, .feature-2 .widget-title {color: #..; }

3.

.container {width: ...px; }

Hope this helps !

Powered by DW Question & Answer Pro