Hello,

1-Yes, you can change them with some custom css code. Do you want to change the name only for the responsive layout or for all layouts?
It is not possible for only one specific layout.
You can translate theme text using the .PO/.MO files.

2-3-4-Can i please see a link where is this running? The images are configured to resize according to the layout width. You can edit this with css too.
Let us know.

Best regards!

Hello,

1-You can translate the “PREV” and “NEXT” in the .PO/.MO files. So you won’t need to keep making the changes in every theme update.

2-Please add this code into your custom css box:

@media (max-width: 480px){
.codeless_slider_swiper { min-height: 300px !important;}
.codeless_slider .swiper-slide { min-height: 300px !important;}
.codeless_slider_wrapper { min-height: 300px !important;}
}

2-To change the slider’s button fonts, please add this code:

@media (max-width: 480px){
.codeless_slider .swiper-slide .buttons a { font-size: 9px;}
.codeless_slider .swiper-slide .content h1 {
    font-size: 16px !important;
    line-height: 26px !important;
}}

Edit the values to your wish.
3-I see the images are displaying as they should (screenshot). What do you need to change here?
Let us know.

Best regards!

Hello,

Sorry for the late reply.
Did you manage to fix your issue? I see the page images are displaying ok in both portrait and landscape view (screenshot).
Let us know.

Best regards!

Hello,

The screenshot above is of an ipad, not mobile. Can you send us a screenshot of what are you viewing? So we can understand better.

Best regards!

Hello,

Please add this code into your custom cs sbox:

@media (max-width: 1024px){
.wpb_row .section-style.parallax_section{
    background-size: contain !important;
    -webkit-background-size: contain !important;
}}

Let us know. (Since i don’t see the bug from my side, if the issue persists, send screenshot of result so we can understand what to change further).

Best regards!

Hello,

Please send us your ftp credentials. We need to check the js files.

Best regards!

Hi Mihaila,

I am having the same issue as heliummrkweb with my Codeless Slides. When my site is viewed online (www.kinled.com/beta/), no issues but when i start reducing the size of the browser window or view on an iphone, there is a light grey bar of colour overlapping the images and button from slider.

I tried adding the css from your reply above and instead of displaying a light grey bar of colour it displays a dark grey bar.

Hello,

Please go to file js\main.js and find this line:

linkElement   		  :   'a:not([target="_blank"]):not([href^=#]):not(.lightbox-gallery):not(.zoom):not(.prettyphoto)'
 2026  	 });

Replace with this:

linkElement   		  :   'a:not([target="_blank"]):not([href^="#"]):not(.lightbox-gallery):not(.zoom):not(.prettyphoto)'
 2026  	 });

Then add this code into your custom css box:

@media (max-width: 480px){
.slider#slider-fullwidth {
    min-height: 244px !important;
}}

@media (max-width: 767px){
.codeless_slider .swiper-slide {
    height: 300px !important;
}}

Let us know.

Best regards!

Hello,

I need the username as well.
Please update your login data in your profile. Read this article for more information.

Best regards!

Hello,

Sorry for the late reply. Please add to the list of attributes above this line too:
background-attachment: inherit !important;
So the block of code will be like this:

@media (min-width: 768px){
.section-style.parallax_section{
background-size: contain !important;
-webkit-background-size: cover !important;
background-position: center !important;
background-attachment: inherit !important;
}
}

Let us know.

Best regards!

Hello,

Please edit code to this:

@media (min-width: 768px) and (max-width: 1024px){
.section-style.parallax_section{
background-size: contain !important;
-webkit-background-size: cover !important;
background-position: center !important;
background-attachment: inherit !important;
}
}

Best regards!

I had same issue with slider for

<span style=”color: #4b4d4d; font-family: Raleway; font-size: 14px;”>3 – The text size appears perfectly on desktop version, but appears way too small or way too big on mobile. And with the slider becoming shorter as we scroll down, we lose text of the slider that’s hidden under the menu bar…</span>

And this helped me.

@media (max-width: 480px){
.codeless-slider-container { height:430px!important;}
.codeless_slider_swiper { min-height: 430px !important;}
.codeless_slider .swiper-slide { min-height: 430px !important;}
.codeless_slider_wrapper { min-height: 430px !important;} }

By adding one more class .codeless-slider-container { height:430px!important;} 

Hope this helps.

Thank you for sharing! :)