Hi,

Thank you for the update.

Are you referring to these shortcodes?

[av_button label='Member Access' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,https://event.webinarjam.com/register/370/lx94nfl8' link_target='' size='medium' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' id='' custom_class='' av_uid='' admin_preview_bg='']

Did you switch to the Visual mode of the text editor before you added the shortcode? Please post the login details in the private field so that we could check the issue properly.

Best regards,
Ismael

Hi,

– Please refer to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode and enable debugging mode for ALB
– Add Table element to your page, choose to display Tabular data and choose to make entire table scroll-able on mobile in Advanced > Responsive tab – https://imgur.com/a/GK6Szkn
– Copy the shortcode of Table element from debugging field that should appear right below ALB and paste it inside your tabs

Unfortunately, I cannot think of any other solution for smaller devices. Only other option I think is to decrease font size further however I do not think that is a good solution.

Best regards,
Yigit

Hey John,

Thank you for the inquiry.

There is no plan on adding this feature in the theme just yet, but we will forward your request to our channel. For the meantime, you could start with the following css code to create a grid like structure in the search results page. You may need to control the length of the excerpt to make sure that the items in the rows have equal height.

.search .post-entry {
	width: 32%;
	float: left;
	clear: none;
	border: 1px solid;
	border-radius: 3px;
	margin: 0 1% 2% 0;
	padding: 1%;
}

.search  .search-result-counter {
	display: none;
}

.search .template-search.content .entry-content-wrapper {
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 13px;
	clear: both;
	padding-right: 15px;
}

Best regards,
Ismael

Hey Caterisana,

Thank you for the inquiry.

1.) We could use the following css code to adjust the style of the product buttons.

#top .avia_cart_buttons .button {
	min-width: 50px;
	float: none;
	width: 100%;
	text-align: center;
	border-radius: 0;
	padding: 11px 2px;
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	margin: 0;
	color: red !important;
}

2.) And in order to remove the “show details” button, please use this css code.

.button.show_details_button {
	display: none !important;
}

With the first css code, we also adjusted the width of the add to cart button and align it to the center.

Best regards,
Ismael

Hi Tia,

We are sorry for the late reply!

I added following code to bottom of Quick CSS field

#footer #custom_html-15 {
    top: 15px;
}

#footer #custom_html-15 .av_font_icon {
    margin-right: 20px;
}

Then I decreased the font size of the icons to 30px from 40px and removed line break from 2nd footer area.

Please review your website :)

Best regards,
Yigit

Hi,

Thank you for the update.

You can use this css code to adjust the style of the button element.

#top .avia-button-fullwidth {
	width: calc(100% - 40px);
	padding: 20px;
	font-size: 1.5em;
	margin: 20px;
}

And to create spaces between the elements, you can either apply a margin to them, again with the use of css code or insert an hr/separator element.

Best regards,
Ismael

Hi,

It is working fine on my end on screens below 767px however it needs to be adjusted for bigger sizes as well so please add following code to Quick CSS as well

@media only screen and (max-width: 1044px) and (min-width:768px) {
#top .av_tab_section .avia-single-number.__av-single-number, #top .av_tab_section .avia-no-number {
    font-size: 22px;
}
#top .av_tab_section th h3 {
    font-size: 18px;
}}

Best regards,
Yigit

Hi @kavaliauskas,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 767px) {
#top .av_tab_section .avia-single-number.__av-single-number, #top .av_tab_section .avia-no-number {
    font-size: 20px;
}
#top .av_tab_section th h3 {
    font-size: 15px;
}}

Best regards,
Yigit

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.home .av-masonry-entry-content {
    text-align: center;
    font-size: 20px;
}

Best regards,
Rikard