Hi Ismael,
We tried multiple areas of updating the slider settings width and nothing seemed to work. The width of the entire slider needs to stretch as the site pages do. This means the background image should always expand to the edges of the browser. Unfortunately, the slide content width continues to stretch and even the fonts increase in size. Ideally we’d like the slider content to respond exactly as the avia page builder content responds to browser window size.

Is this possible? We’ve played with a multitude of options with the slider settings with no luck. Thanks in advance for any assistance you can provide.

Btw, the slider’s canvas size settings applies to the entire slider width, not the slide content width.

Rikard,

Thanks for the recommendation. Upon adding the adjusted code you recommended it changes but the text is still not visible on tablet or mobile.

@media only screen and (max-width: 767px) {
   #top .aviaccordion-title {
    font-size: 16px !important;
   }
  }

@media only screen and (max-width: 767px) {
#top .aviaccordion-title {
-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); 
}
  }

I’ve already setup the font size at 16p in the enfold control panel (default is 13p), but in the website nothing is changed.
So, my objective is to have the “default size” setup on 16p for all the website (post content or page content)

Only the font color seems to change and to be updated.

But still problem with font size.
And with the “GO UP” button on mobile view.

I managed to get the captions to work fine on desktop by adding

#top .aviaccordion-title {
font-size: 30px;
}

#top .aviaccordion-title {
-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); 
}

For mobile I tried adding this but it doesn’t do anything. It seems that the captions are no longer flipped and are out of frame.

@media only screen and (max-width: 480px) {
   #top .aviaccordion-title {
    font-size: 16px !important;
   }

@media only screen and (max-width: 480px) {
#top .aviaccordion-title {
-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); 
}
  }

• This reply was modified 6 years, 10 months ago by eggc.

Hi
I did updatge the theme and the problem is the same.
When I instert a button in the classic editor (in this case in the product description ) stll have Clicl me as label
Shortcode is this:
[av_button label='Plus d'info' link='manually,#' link_target='_blank' size='large' position='center' label_display='' icon_select='yes' icon='ue816' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='' custom_class='' admin_preview_bg='']
And it displays Click me
The probleme seems to be the content of the label I think. As i need to put in the button label this “PLUS D’INFO” or :”Plus d’info” containing an apostrophe it create a conflict with the shortcode syntaxis. So I guess you will have to find some workarround.

Thank you

i use “blog posts” element and in inspect tool find what avia-builder-el-number is and just change number and text. If you want to use font-size you can if you dont just delete it…

View post on imgur.com

.avia-builder-el-29 + .av-alb-blogposts a.more-link:before {
content:’text button’ !important;
font-size: 15px;
}
.avia-builder-el-29 + .av-alb-blogposts a.more-link {
font-size: 0 !important;
}

.avia-builder-el-32 + .av-alb-blogposts a.more-link:before {
content:’text button’ !important;
font-size: 15px;
}
.avia-builder-el-32 + .av-alb-blogposts a.more-link {
font-size: 0 !important;
}