What css code do i use to change the font size for the top secondary menu which is on the right upper corner.
I tried this and it didn’t work.

#top #avia2-menu .sub-menu li > a {
font-size: 16px !important;
}

When using the content element ‘Blog Posts’ the title of each post is too big.
How can I reduce this?

Thank you

I’m using two easy sliders on a page whose element visibility is different for desktop, tablet landscape, tablet portrait (slider 1) and mobile portrait (slider 2). This works great, but whilst the hidden slider is not visible, it leaves unnecessary whitespace which really bugs me.

Since pictures say more than 1000 words

With hidden easy slider between menu and image: https://pasteboard.co/HI7xrFw.png

Hidden easy slider removed: https://pasteboard.co/HI7xVMj.png

if it helps, this is the div of the hidden easy slider.

<div data-size="masonry" data-lightbox_size="large" data-animation="fade" data-conditional_play="" data-ids="534,535,536" data-video_counter="0" data-autoplay="true" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow" data-interval="5" data-class=" avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide" data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-default-height="100" class="avia-slideshow avia-slideshow-1 av-control-default avia-slideshow-masonry av_slideshow avia-builder-el-0 el_before_av_slideshow avia-builder-el-first av-desktop-hide av-medium-hide av-small-hide avia-fade-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner " style="padding: 0px;"><li class=" slide-1 " style="visibility: visible; opacity: 1; transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; transform: translateZ(0px);"><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2960" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image" style="left: 0px;"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2960.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2960' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-2 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2704" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i0.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2704.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2704' alt='' itemprop="thumbnailUrl" /></noscript></div></li><li class=" slide-3 "><div data-rel="slideshow-1" class="avia-slide-wrap "><img src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1" width="705" height="705" title="MK3C2703" alt="" itemprop="thumbnailUrl" data-lazy-src="https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img src='https://i1.wp.com/coaching-choices.ch/wp-content/uploads/2018/10/MK3C2703.jpg?fit=705%2C705&ssl=1' width='705' height='705' title='MK3C2703' alt='' itemprop="thumbnailUrl" /></noscript></div></li></ul><div class="avia-slideshow-arrows avia-slideshow-controls"><a href="#prev" class="prev-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Previous</a><a href="#next" class="next-slide" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello">Next</a></div><div class="avia-slideshow-dots avia-slideshow-controls"><a href="#1" class="goto-slide active">1</a><a href="#2" class="goto-slide ">2</a><a href="#3" class="goto-slide ">3</a></div></div>

Hi, went to advanced styling, Main Menu Links and changed the option to “Apply only to mouse hover state” unfortunately if i click on this it messes up current kerning, font size and color etc. Tried to adjust font size to match old but you cant select under 8px and not sure why messes up current color.

Avia Layout Builder is based on shortcodes. These are stored to the database. I tried to replace specific image elements, but the change doesn’t seem to take effect.
For example, I activated the Debug Mode of ALB. After that, I looked for the shortcode of said element. To replace it, I’m running this MySQL statement:

UPDATE wp_posts SET post_content = replace(post_content, "[av_image src='http://localhost/wp-content/uploads/2018/02/application_banner-e1537270610390.png' attachment='521' attachment_size='full' align='center' styling='' hover='' link='manually,https://www.f6s.com/spinlab-thehhlaccelerator8thclass' target='_blank' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-9ts9qf' admin_preview_bg=''][/av_image]", "[av_image src='http://localhost/wp-content/uploads/2018/09/APPLY_NOW_FEATURED.png' attachment='521' attachment_size='full' align='center' styling='' hover='' link='manually,https://www.nein.com' target='_blank' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-9ts9qf' admin_preview_bg=''][/av_image]");

The only thing I change is the URL of the image. The MySQL statement takes changes the affected rows, but the website still looks the same. When I look at the page with the ALB Debug Mode again, it still shows the old shortcode element in place.
Is it not possible to do something like this?

• This topic was modified 7 years, 6 months ago by rockyrockshow.

Hi, I have applied various solutions for styling the pricing table – some are working and some aren’t. I am applying in a code box on the page rather than css, as it only affects this one page.
The code I’ve added is:

<style type = “text/css”>
.avia-heading-row { font-size: 24px !important; font-weight: bold; min-height: 30px; !important; }
.pricing-table li { font-size: 15px; !important; min-height: 70px; }
.pricing-table li.avia-pricing-row { font-size: 30px; min-height: 30px; !important; background-color: #666666; }

</style>

Most it is working, BUT the heading row and pricing row are displaying at 70px height rather than smaller 30px which I wanted. Also, the pricing row still has an orange background instead of the grey #666666. Please advise how I can amend the above code to make it work.

I’ve been trying to change the main menu font, size, color.

The advanced styling doesnt seem to do the trick.

Would like to make it Blue and larger.

Thanks

Hi!
I’ve almost finished a new website…i had some problems with text headings going offscreen in some smartphone devices.
Problem solved adding some custom css as you mentioned in other threads.

@media only screen and (max-width: 480px) {
.av-special-heading-tag {
  font-size: 30px !important;
}}

The problem persist in some tablets, especially ipads, where the titles goes one over the other (homepage: “rivestimento interni” goes over “rivestimento esterni” in vertical view, and cuts in horizontal view).
http://www.responsinator.com/?url=nuovosito.borsellisrl.it%2Fsito2018%2F

What can i do?

Thanks.