1) I'm having a little problem with an element I installed for VC. I'm using a plugin to add some pictures with hoover effect via VC. However whenever I actually add those elements there is a black dot appearing next to each element (on the left hand side). Please see my home page. The elements I'm talking about can be found below the following text: "So, what can the best Russian translator do for you?" It seems like your theme is treating these elements as a list with bullet points. Is there an easy CSS trick to fix that? Thanks in advance!
2) The second question is: what is the optimal image size for Salient Slider? It seems like my images appear way too stretched out so I couldn't see the whole image. The same problem happens when I view my website on mobile devices it seems like the slider images do not re-scale to mobile screens (tested on iPad). Am I missing some option or uploading the images of wrong size? I need them to adapt to any screen size.
3) And the last question. Please bear with me :) It appears like I have a black line in the footer area (below the copyright notice). I don't think it should be there. How can I get rid of that?
1) Add this into the Custom CSS box located in your Salient Options panel:
.main-content ul.ihover-container li {
list-style: none !important;
}
2) Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at for eg 1600px wide - this will ensure the scaling is perfect with no clipping.
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there's no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
Hi there,
1) I'm having a little problem with an element I installed for VC. I'm using a plugin to add some pictures with hoover effect via VC. However whenever I actually add those elements there is a black dot appearing next to each element (on the left hand side). Please see my home page. The elements I'm talking about can be found below the following text: "So, what can the best Russian translator do for you?" It seems like your theme is treating these elements as a list with bullet points. Is there an easy CSS trick to fix that? Thanks in advance!
2) The second question is: what is the optimal image size for Salient Slider? It seems like my images appear way too stretched out so I couldn't see the whole image. The same problem happens when I view my website on mobile devices it seems like the slider images do not re-scale to mobile screens (tested on iPad). Am I missing some option or uploading the images of wrong size? I need them to adapt to any screen size.
3) And the last question. Please bear with me :) It appears like I have a black line in the footer area (below the copyright notice). I don't think it should be there. How can I get rid of that?
Thanks in advance!
Best regards,
Dmitry
Hey Dmitry!
1) Add this into the Custom CSS box located in your Salient Options panel:
.main-content ul.ihover-container li { list-style: none !important; }
2) Please try using the Flexible Slider Height option in Nectar Slider.
Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at for eg 1600px wide - this will ensure the scaling is perfect with no clipping.
The flexible slider height option makes the Nectar Slider respond perfectly to ensure there's no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
3) I cant see any black line ?.
Cheers
ThemeNectar Support Team
Tahir,
Where do you set the "Flexible Slider Height" option for the Nectar Slide?
Hey Jamie!
It can be found in the Nectar Slider VC options. Please see screenshot: http://prntscr.com/49sp5d .
Thanks
ThemeNectar Support Team