responsive design - Text overlapping slide -unresponsive -



using wordpress responsive theme ,but 1 slide isnt responsive ,text overlapping slide.i tried code
.wpi_slide_image { width: 100% max-width: 675px;
not working
my website

slide on home page
here screenshot of slide -http://postimg.org/image/p7oafp57d/
thank !

you have override following css

.wpi_slide .wpi_slide_image {   background-position:50% 50%;   background-size:cover;   height:100%;   left:0;   position:absolute;   top:0;   width:100%; } 

set width 49%!important; , height auto!important;

remember put in !important after attributes. important - lol.

also override

 .wpi_slide_607 .wpi_slide_image {     -webkit-filter:blur(0px);      background-image:url(cardmart.tk/wp-content/uploads/2015/07/…);     left:0;      opacity:1;      top:0; } 

add in z-index:1!important;

also in .wpi_slide_607 , 608 have set width 49% , height auto. last. step step.


Comments

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -