Alessandro Finizio
asked 6 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 6 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 6 years ago

i’ve sent the private message.

DominicStaff
answered 6 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 6 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 6 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 6 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 6 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 6 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 6 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 6 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 6 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 6 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