Text in easy slider - Support | Kriesi.at

Viewing 22 posts - 1 through 22 (of 22 total)

Author

Posts
February 17, 2018 at 4:33 pm #913668

seb76
Participant

Hi,

I’ve read this TOPIC : https://kriesi.at/support/topic/place-the-text-in-easy-slider/

And use the CSS : .slideshow_align_caption {text-align: right !important;}

But when the page is reduce on small screen, the text goes on the left and on the picture… So that’s a problème…

What can i do for that .?

Thanks,

February 17, 2018 at 5:17 pm #913681
Mike
Moderator
Hey seb76,
I see that for mobile you have the slider hidden, so the smallest screen that it shows at is 494px, so I wrote this css to work from 494px to 767px to make the available room for the caption smaller which keeps it together to the right and off the person.
```
@media only screen and (min-width: 493px) and (max-width: 767px) { 
#full_slider_1 .slide-1 .slideshow_inner_caption {
    width: 45%!important; 
}
#full_slider_1 .slide-1 .caption_container {
    width: 95%!important; 
    max-width: 95%!important; 
}
```
Please see screenshot in Private Content area.

Best regards,
Mike
February 17, 2018 at 6:59 pm #913699

seb76
Participant

Hi,

Thanks for your answer. It works.

I’ve another question :

– Where can i change the phone number ? at the top.

Thks

February 17, 2018 at 7:01 pm #913701

seb76
Participant

And I don’t know why i ve a line when à put a separator with an icone !!

February 17, 2018 at 8:23 pm #913710

Mike
Moderator

Hi,
To change the phone number please go to Enfold Theme Options > Header > Extra Elements > Phone Number or small info text
The line in your separator is from the “border” option, please try setting it to “none”

Best regards,
Mike

March 2, 2018 at 12:56 am #920037

seb76
Participant

Hi,

Thank you for your answer but i really can’t remove the line.
When i remove the separator, it deseapear, but when i put the séparator it come again… I don’t know why i’ve twice !! I want only one like i make under.

And i would like remove the date and hours who appears in the FOOTER.

Thanks for your help,
Best regards,

March 2, 2018 at 3:02 am #920050
Mike
Moderator
Hi,
To remove the date and time in the footer, please try this code in the General Styling > Quick CSS field:
```
#footer .news-time {display:none !important;}
```
unfortunately I don’t see the line you would like to removre, can you please include a screenshot and which browser you are using which you see it.

Best regards,
Mike
March 2, 2018 at 1:00 pm #920305

seb76
Participant

Hi,
Please have an access to the admin.
And a link to the image.
When you will find the problem, please explain to me why…
Best regards.
S.A

March 2, 2018 at 1:58 pm #920336
Mike
Moderator
Hi,
Try this code in the General Styling > Quick CSS field:
```
#top #wrap_all #main .main_color.av_default_container_wrap {
    border-color: transparent!important; 
}
```
Best regards,
Mike
March 2, 2018 at 2:39 pm #920364

seb76
Participant

Thanks I don’t know why it s writen :

There is 1 error that you should correct before saving.
Update anyway, even if it can break your site?

Anyway i put your code but nothing change !!

March 3, 2018 at 4:46 am #920623

Mike
Moderator

Hi,
That is because you were missing a } from the code above, I corrected and saved. It is now working.
Please clear your browser cache and check.

Best regards,
Mike

March 17, 2018 at 3:03 pm #928484

seb76
Participant

Hi,
Thanks for your previous answer.

Today, I have two problems with the display settings, when I am in tablet – portrait format -, the text next to the photo does not appear in full.
AND on tel. mobile, the text extends to the left on the character.
Very difficult to adjust this legend on the Easy Slider !!

Best regards,

S.A

March 17, 2018 at 7:25 pm #928541
Mike
Moderator
Hi,
For issue 1, Try this code in the General Styling > Quick CSS field:
```
@media only screen and (max-width: 1023px) { 
li.slide-1 .avia-caption-content {
font-size: 16px !important;
}
}
```
For issue 2:
```
@media only screen and (max-width: 479px) {
.responsive #top li.slide-1 .slideshow_caption {
    width: 50%!important; 
    margin-left: 50%;
}
}
```
Best regards,
Mike
March 28, 2018 at 10:28 am #934095

seb76
Participant

Hi Mike
thanks for your last answer.

I need some help for my Contact Page.

i would like to do something like this Website : https://www.anthedesign.fr/contact/

If you choose an answer you have something else to choose. I did not see this possibility in construction tools page contact.

I would like that when you choose “Your request concerns” :” Website / Site Internet” you have a field like à already create ” Your website need / Votre besoin site internet” And When we choose the choise ” Flyer Logo…” we have a Multiple choice : ” Carte de Visite” or ” Logo” or ” Flyer” or … And a field “description of your need.

And join Attach a file (drag and drop or click “browse”)

Tell me if I have to use a widget or something else for all this ?

Best regards,

S.A

March 28, 2018 at 11:24 am #934130

Mike
Moderator

Hi,
This form was created with Contact Form 7, there are also some add-on plugins to extend it’s features, such as: Conditional Fields for Contact Form 7 and Contact Form 7 Multi-Step Forms

Best regards,
Mike

March 29, 2018 at 12:36 am #934644

seb76
Participant

Hi,
Thanks. Yes i know contact form 7. It’s difficult to use but I will try.

I ‘ve two problem when i use a tablet Ipad. In the footer and left bar.
The Email is cut.

See this link

Best regards.

SA

March 29, 2018 at 2:06 am #934648

Mike
Moderator

Hi,
Can you please include a admin login in the private content area
We will add a span class the email widget and some css to make the email font smaller on tablets, so it will fit.

Best regards,
Mike

March 29, 2018 at 2:28 am #934651
Mike
Moderator
Hi,
I found the login, so I added the class “wem” to your email in the widget and this css in the WordPress > Customize > Additional CSS:
```
@media only screen and (min-width: 767px) and (max-width: 836px) { 
.wem {font-size:12px !important; }}
```
For the screen size, tablet, the email address will show just slightly smaller to fix.
Please clear your browser cache and check.

Best regards,
Mike
March 29, 2018 at 12:35 pm #934759

seb76
Participant

Hi,

You say : ” I added the class “wem” to your email in the widget ” I don’t see where it is ?

You should forget the second problem in the footer :
– problem of the S of “Coordonnées” that did not appear
– And the Email address still does not appear fully when the tablet is in portrait.

Maybe possible to reduce alle the text in the footer ?

best regards

March 29, 2018 at 2:12 pm #934813
Mike
Moderator
Hi,
Please see screenshot in Private Content area of where the class “wem” is.
Sorry, your right I did forget about the footer.
Please try this css:
```
@media only screen and (min-width: 767px) and (max-width: 1132px) {
#footer .textwidget p {font-size: 75% !important;}
#footer .container {
    padding-right: 20px!important; 
    padding-left: 20px!important; 
} 
#footer div .av_one_fourth {
    margin-left: 3% !important; 
    width: 22% !important; 
}
}
```
Please see screenshot in Private Content area for the expected results.

Best regards,
Mike
March 29, 2018 at 2:21 pm #934816

seb76
Participant

Perfect, thanks

March 30, 2018 at 3:24 am #935091

Mike
Moderator

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike
Author

Posts

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Text in easy slider’ is closed to new replies.