Full width easy slider doesn't look good on mobile - Support

Viewing 30 posts - 1 through 30 (of 32 total)

1 2 →

Author

Posts
June 13, 2014 at 10:43 pm #278753

Bruno Abreu
Participant

Hi guys, i’m having problem with my slider.. i have content on the slider and i’d like to make the height bigger only for mobiles.. so the content can fit it…

Thanks!!

June 13, 2014 at 11:48 pm #278766

Bruno Abreu
Participant

One little more thing.. i’d like to change the style for my lightbox… i’ve seen there are other style for prettyPhoto, but i don’t know how to change it in the theme. Thanks!!!

June 16, 2014 at 8:07 pm #279658

Josue
Inactive Moderator

Hi,

Can you post the link to your website please?

Regarding the other question, refer to this topic:
https://kriesi.at/support/topic/change-layout-prettyphoto/#post-173889

Cheers!
Josue

June 18, 2014 at 5:04 pm #280639

Bruno Abreu
Participant

Hey Josue.. my bad.. world cup.. i’m from brasil.. so you know.. hehe.. to much party these times…

Here is the link:

http://artstier.casaw.com.br/

thanks!!! the thing with the prettyPhoto style is solved! thanks a lot!!!

Just with my slider for mobile.. i want to be able to change the height for mobile.. i preffer the slider bigger and lose bothside os my bg than lose text content..

thanks!!!

June 18, 2014 at 5:34 pm #280650

Bruno Abreu
Participant

Josue,, only one more thing.. I have this easy slider on main page.. with a link for contact page.. but i’d like to have the link in imagem with out this effect on mouse-over… i’d like just to be a normal image link..

thanks!

June 18, 2014 at 9:43 pm #280778
Josue
Inactive Moderator
Hi!

1. This code will make the slider 400px height on mobiles:
```
@media only screen and (max-width: 480px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
        height: 400px !important;
    }
}
```
2. This will hide the overlay on the contact image link:
```
.avia-slideshow-inner .image-overlay {
    display: none !important;
}
```
Cheers!
Josue
June 20, 2014 at 12:07 am #281457

Bruno Abreu
Participant

Hey Josue!!! it works !!! But when the image stretch to 400px it gets distorted..
take a look… and i even tryed put this in the code.. width: 800px !important;
but it mess with the text position…

tha second one works perfectly.. thanks a lot!!
=D

June 20, 2014 at 12:12 am #281459

Josue
Inactive Moderator

Yes, that’s a drawback, the only solution i see in this case would be to use a fullscreen slider or a layerslider (with the img set as background).

Best regards,
Josue

June 24, 2014 at 7:39 pm #283197

Bruno Abreu
Participant

Hey Josue… i got it!
i’ve done this:

@media only screen and (max-width: 480px) {
#full_slider_1 .avia-slideshow-inner, .caption_fullwidth, #full_slider_1 img{
height: 300px !important;
width: 900px !important;
right: 275px;
}
}

One more thing.. when i have more categories on mansory.. it display “ALL” to show all categories… but i’d like to change “ALL” to “ALL ARTS” which file should i open to change this ?

Thanks!

June 24, 2014 at 8:23 pm #283215
Josue
Inactive Moderator
Hey!

Try adding this code to the Quick CSS:
```
.all_sort_button:after {
    content: " Arts";
}
```
Cheers!
Josue
July 10, 2014 at 3:40 pm #289555

Bruno Abreu
Participant

Hey Josue.. it didn’t work.. and i’m having anotehr problem aswell with translation.. and i already saw on the file epoedit.. and dind’t find where to change it..

http://www.artstier.com/paintings/

it says on the breadcrumbs: VOCÊ ESTÁ AQUI: and it should say.. YOU’RE HERE: how can i change the language ?

thanks!!!

July 10, 2014 at 6:43 pm #289683

Josue
Inactive Moderator

Hey!

Do you have your WordPress dashboard in Portuguese?

Regards,
Josue

July 10, 2014 at 7:34 pm #289695

Bruno Abreu
Participant

mmm.. yes.. how can i change it ? thanks!

July 10, 2014 at 7:46 pm #289700
Josue
Inactive Moderator
Hey!

Open wp-config.php (located at the root of the WordPress installation) and look for this line:
```
define ('WPLANG', 'pt_BR');
```
Replace it by:
```
define ('WPLANG', 'en_US');
```
Best regards,
Josue
July 27, 2014 at 6:25 pm #296493

Bruno Abreu
Participant

Great Josue.. sorry about not responding you.. but it worked fine!!!

But up there i asked you this:

One more thing.. when i have more categories on mansory.. it display “ALL” to show all categories… but i’d like to change “ALL” to “ALL ARTS” which file should i open to change this ?

Thanks!

it didn’t work.. and now my client want me to change ALL ARTS to “TODAS ARTES” so i should be able to completely change the saying.. how can i do that ?

And one more little thing.. he’s telling me that the phrases in the slider.. take to long to show.. can i make it show faster than right now? is there any place that i can control how fast the phrases show in the slider ? Thanks!!!

July 27, 2014 at 9:24 pm #296510

Josue
Inactive Moderator

Hey!

Where in the website is this “ALL” message being shown? i couldn’t find it.

Cheers!
Josue

July 27, 2014 at 10:17 pm #296524

Bruno Abreu
Participant

Actually we took it off for now.. but later he’s going to filter the paintings by regions.. like.. south america, europe.. but for now we took it off.. but when i have categories.. stays like this: ALL – SOUTH AMERICA – EUROPE – UNITED STATES

and i’d like to change the saying of this “ALL” to TODAS ARTES.

Cheers!!

July 27, 2014 at 10:57 pm #296538
Josue
Inactive Moderator
Hey!

Try adding this at the very end of your theme functions.php file:
```
function custom_func() {
	return "TODAS ARTES";
}
add_filter('avf_portfolio_sort_first_label', 'custom_func');
```
Cheers!
Josue
July 31, 2014 at 4:09 pm #298295

Bruno Abreu
Participant

Mmm.. didn’t work Josue..

And what about the slider ? how can i make the phrases come before that they are coming ? do u know ??

Thanks a lot!!!

July 31, 2014 at 8:50 pm #298410
Josue
Inactive Moderator
Hi!

If you want to make the captions appear sooner, try adding this code to the Quick CSS:
```
.csstransitions .av_slideshow_full .active-slide .avia-caption-content,
.csstransitions .av_fullscreen .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-moz-animation:    caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-o-animation:      caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.csstransitions .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-left  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-moz-animation:    caption-left  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-o-animation:      caption-left  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.csstransitions .active-slide .avia-slideshow-button-2
{
visibility: visible;
-webkit-animation: caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-moz-animation:    caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-o-animation:      caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.csstransitions .av_slideshow_full .active-slide .avia-caption-title,
.csstransitions .av_fullscreen .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-left   0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-moz-animation:    caption-left   0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
-o-animation:      caption-left   0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left   0.5s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.csstransitions .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.csstransitions .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-bottom 0.5s 1 ease-out;
-moz-animation:    caption-bottom 0.5s 1 ease-out;
-o-animation:      caption-bottom 0.5s 1 ease-out;
animation:         caption-bottom 0.5s 1 ease-out;
}

.csstransitions .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title,
.csstransitions .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-top    0.5s 1 ease-out;
-moz-animation:    caption-top    0.5s 1 ease-out;
-o-animation:      caption-top    0.5s 1 ease-out;
animation:         caption-top    0.5s 1 ease-out;
}

.csstransitions .avia-fade-slider .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-top  0.5s 1 ease-out;
-moz-animation:    caption-top  0.5s 1 ease-out;
-o-animation:      caption-top  0.5s 1 ease-out;
animation:         caption-top  0.5s 1 ease-out;
}
```
Best regards,
Josue
August 11, 2014 at 7:07 pm #302796

Bruno Abreu
Participant

Thank Josue.. one little more question… i realized when i use the new google maps.. when i click on google logo to see in the directions on google maps website.. it’s doesn’t show the address on the search and not even the Marker on the map.. do you know if every one is having this problem ?

Thanks!

August 11, 2014 at 8:13 pm #302834

Josue
Inactive Moderator

Hey!

I think that’s expected, the Google logo links to the map location as coordinates, that’s why you don’t see it in the search bar, for example in the demo page:

https: (Email address hidden if logged out) ,-122.030748,16z?hl=en-US

Regards,
Josue

August 14, 2014 at 10:56 am #304289
J-rollebol
Participant
Hi Josue,

I have a minimum css experience.
A couple of blocks back you say:

Hi!

1. This code will make the slider 400px height on mobiles:
```
@media only screen and (max-width: 480px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
        height: 400px !important;
    }
}
```
But where can i find the (css) file where i can change/add the code?
August 14, 2014 at 11:32 am #304306

Josue
Inactive Moderator

Hi!

Look for Enfold > General Styling > -scroll down to the bottom- Quick CSS.

Best regards,
Josue

September 2, 2014 at 11:44 pm #312557

Bruno Abreu
Participant

Hey Josue.. i’m back.. lol.. Let me asking you something.. in portfolio.. items apear in order of date. Can we reorganize in order of Name alphabeticaly ? or i have to change this changing the time the portfolio item was posted ?

September 3, 2014 at 3:16 pm #312913

Yigit
Keymaster

Hey!

Please see – http://kriesi.at/documentation/enfold/how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element/
You can also try using this plugin – https://wordpress.org/plugins/post-types-order/

Regards,
Yigit

September 18, 2014 at 6:00 pm #321352

Bruno Abreu
Participant

Perfect Yigit…
One little more thing.. i have this code here to not show that overlay effect with the arrow inside of a circle.

.avia-slideshow-inner .image-overlay {
display: none !important;
}

but when i use post slider.. it comes again.. how do i take off ??

thanks!!

September 18, 2014 at 8:01 pm #321440

Josue
Inactive Moderator

Hi!

Can you post a link to the page in question?

Regards,
Josue

September 19, 2014 at 11:07 pm #322147

Bruno Abreu
Participant

Hey Josue.. its the same page..
http://www.artstier.com/paintings/

But i didn’t put online yet.. cause i tested, but before i show to my client… i just saw that…

it’s when i use post slider..

September 20, 2014 at 12:03 am #322166

Josue
Inactive Moderator

Hi!

Can you create a duplicate of that page and add the post slider so we can try to debug the code?

Cheers!
Josue
Author

Posts

Viewing 30 posts - 1 through 30 (of 32 total)

1 2 →

You must be logged in to reply to this topic.