Fatih Tercan
asked 5 years ago

Hi. I updated theme 1.2.6 , We have new problems.

  • Background image isn’t show
  • Mega menu doesn’t work
  • Slider is problemly.
3 Answers
DominicStaff
answered 5 years ago

Hi,
Issue1: I have helped you resolve this issue, you can check your site.
See the screenshot: http://prntscr.com/8c2qww

Issue2: If you want to display the mega menu as our demo, you can do as the following:

NOTE: I have added the Telefonlar menu in your site as a example.

Issue3: Slider is problemly ?

  • You can tell me detail about this issue, I have checked your site and see that working fine.

Hope this helps !

Fatih Tercan
answered 5 years ago

Thaks for help. I added picture for slider question.

http://prntscr.com/8c3hts

1- slider problem
2- i want to change css color like 1.2.5. How can i do it

DominicStaff
answered 5 years ago

At the moment, we used the scrollbar in the slider when you want to display more post(more than 5 post), you can use the following code to change the style. However, this code does not compatible with the Firefox & IE.
See the screenshot: http://prntscr.com/7prhaf

.carousel-title-indicators::-webkit-scrollbar{
width:7px;
background-color:#282727;
} 

.carousel-title-indicators::-webkit-scrollbar-thumb{
background-color:#1D1B1B;
border-radius:10px;
}
.carousel-title-indicators::-webkit-scrollbar-thumb:hover{
background-color:#1D1B1B;
border:1px solid #333;
}
.carousel-title-indicators::-webkit-scrollbar-thumb:active{
background-color:#1D1B1B;
border:1px solid #333;
} 

To change the color for the DW Tab widget, you can add the following code to the Custom CSS.

.dw_tabs .nav {
    background: #...;
    border-color: #...;
}
.dw_tabs .nav-tabs>li.active>a, .dw_tabs .nav-tabs>li.active>.nav-tabs>li>a:hover, .dw_tabs .nav-tabs>li.active>a:focus {
    background: #...;
    color: #fff;
    border-color: #...;
}

Regards,

wptrinfo
replied 5 years ago

Thanks for help. But i addes code custom CSS on below. But didn’t change anything.

.dw_tabs .nav {
background: #000;
border-color: #000;
}

.dw_tabs .nav-tabs>li.active>a, .dw_tabs .nav-tabs>li.active>.nav-tabs>li>a:hover, .dw_tabs .nav-tabs>li.active>a:focus {
background: #ee3224;
color: #fff;
border-color: #ee3224;
}

dominic Staff
replied 5 years ago

You can try to using the following code in the Custom CSS.

.nav-tabs {
   background: #000;
}
.nav-tabs .active a, .nav-tab .active a:hover {
    position: relative; 
    color: #fff !important;
    background: #ee3224 !important;
    height: 43px !important;
}
.nav-tabs li {
   margin-bottom: 0px;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
   border: none;
}
.nav li a:hover, .nav li a:focus {
    background-color: #111;
}
.nav-tabs li a {
    border: none;
    height: 43px;
    color: #fff;
}

Then add the following code to the style.css file:

.nav-tabs .active a:before, .nav-tabs .active a:hover:before {
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid #EE3224;
   bottom: -6px;
   content: "";
   height: 0px;
   left: 50%;
   margin-left: -6px;
   position: absolute;
   width: 0px;
}

Hope this helps !

wptrinfo
replied 5 years ago

thank you. evrything is ok

Powered by DW Question & Answer Pro