Page 87 – Support | Kriesi.at – Premium WordPress Themes

Hi,

This CSS is applying, but I’m not sure where it’s coming from since you have file compression active:

h3 {
    font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 8px;
}

You can try this CSS instead, or give us login details to that we can do it for you.

h3.av-special-heading-tag {
    line-height: 24px !important;
}

Best regards,
Rikard

July 7, 2021 at 3:13 pm #1309116

Topic: Insert Fontello icon in Contact Form 7 button

in forum Enfold

Thedogscreative

Participant

Hello helpful people. I was wondering if you could help.

I’ve generated and imported a Fontello icon for use in buttons through the import/export Iconfont Manager option, which works well.

I’ve installed the Contact Form 7 plugin and styled a form using CSS so it look the way I need it to.

I’d like to use the Fontello icon in the WPCF7 ‘submit’ button.

So far, the CSS for the button is:

.wpcf7-submit, input[type="submit"]
{
    -webkit-appearance: none!important;
    font: 1em "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 100!important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    color: #fff!important;
    background: #021d49!important;
    border-radius: 0px!important;
}

I’ve read that if I want to insert the icon, I insert the unicode into the form itself like this (e800 being the code):

[submit "Submit "]

Then change the font in the button to:

`font-family: Fontello !important;’

This inserts the symbol. However, when I do this the font of the button reverts back to a default font, which is not the default font set for the site as a whole, and I know of no other way to change the font for the WPCF7 button other than through additional CSS. I obviously can’t insert two fonts in the class.

So I can either get the icon to show with the word ‘submit’ in the wrong font, or I can get the font right but the icon doesn’t display – please see screenshots.

Is there a way to get the word ‘submit’ styled right and insert the icon?

Thanks in advance.

July 5, 2021 at 3:49 pm #1308798

Topic: Problem with Heading Style Elegant

in forum Enfold

Thina

Participant

Hi,

I used the “Heading Style Elegant” Style for my “Special Heading”.
The problem is that the descenders are partly cut off.

They are still cut off when I switch to h3, h4, h5, h6 or a smaller font size,
padding and margin don’t help either.
But when I switch to another Heading Style the problem is gone.

You can see it at the first headline “Kläranlage RHV Mittleres Saifental” and all the others as well on

Referenzen

Best regards
Bettina

July 3, 2021 at 9:05 pm #1308597

In reply to: Text title with horizontal lines on each side, and also how to text columns.

Mike

Hey schizm00,
Thank you for your patience, for the first example I used a code block element:

the css is

.bio-title::before {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-right: 20px;
    box-sizing: border-box;
}
.bio-title::after {
    content: "";
    width: 200px;
    height: 1px;
    background-color: #aaa;
    margin-left: 20px;
    box-sizing: border-box;
}
.bio-title {
    font-size: 64px;
    text-align: center;
    color: #000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

and the html structure is:
<h1 class="bio-title"><span>Bio</span></h1>
you could use a text element if you wish.
The result is:

For the second example I again used a code block element, inside a grid row element:

this is the code inside the code block:

<table>
<tbody><tr>
<td>Height</td>
<td>5’11</td>
</tr>
<tr>
<td>Nationality</td>
<td>American</td>
</tr>
<tr>
<td>Age</td>
<td>25</td>
</tr>
<tr>
<td>Bust</td>
<td>Natural</td>
</tr>
<tr>
<td>Shoe</td>
<td>10</td>
</tr>
<tr>
<td>Eyes</td>
<td>Blue</td>
</tr>
<tr>
<td>Hosting</td>
<td>Incall/Outcall</td>
</tr>
</tbody></table>

this is the result:

Please give this a try 🙂

Best regards,
Mike

July 3, 2021 at 8:43 am #1308570

In reply to: Enfold 4.8.3 – problem after update

Hey creativeopole,

Please edit this file:

/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

And move this line:

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

To after this line:

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes

We can do if for if you provide us with login details in private.

Best regards,
Rikard

July 3, 2021 at 5:35 am #1308556

In reply to: Update 4.8.4

Hi Christof,

You can fix that by editing this file:

wp-enfold/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

Move

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

after

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes

We can do it for you if you provide the appropriate details for us in private.

Best regards,
Rikard

July 2, 2021 at 4:32 am #1308441

In reply to: Contact Form Thank You Text Size

Hi,

Please try this CSS instead:

h3.avia-form-success {
  font-size: 30px !important;
}

If that doesn’t help, then please post admin WordPress login details in private.

Best regards,
Rikard

July 1, 2021 at 1:22 pm #1308317

In reply to: Element Visibility not working as expected

Hi,

Thanks for the update. You need to edit this file:

/enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php

Then move this line:

$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );

To just after this line:

extract( AviaHelper::av_mobile_sizes( $atts ) ); //return $av_font_classes, $av_title_font_classes and $av_display_classes

If you need help with that, then we can do it for you.

Best regards,
Rikard

June 30, 2021 at 10:18 pm #1308208

In reply to: Contact Form Thank You Text Size

jleclair87

Thanks,

I changed the text to the following up it look the same size.

.avia_ajax_form .ajaxresponse {
   font-size: 5em;
   font-size: 45px;
}

June 29, 2021 at 9:28 pm #1308002

In reply to: Portfolio grid hover like masonry grid hover

Marc Bijl

Hi Ismael, the css needed some adjustments, and I think I’ve managed to get the hover effect the same. I added following code, can you please check if it needs improvement, or if it’s quite right this way? Thanks!

.grid-entry img { 
	transition: all .4s ease-in-out; }

.grid-entry:hover img {
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.grid-entry .grid-content {
	opacity: 0;
	transition: all 0.4s ease-in-out;
	position: absolute;
	bottom: 0;
	width: 100%;	
	-webkit-transform: rotateX(120deg);
	-webkit-transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	-moz-transform: rotateX(120deg);
	-moz-transform-origin: center bottom;
	-moz-transform-style: preserve-3d;
	transform: rotateX(120deg);
	transform-origin: center bottom;
	transform-style: preserve-3d;
}

.grid-entry .grid-content h3 {
	font-size:15px;
}

.grid-entry:hover .grid-content {	
	opacity:1; 
	-webkit-transform: rotateX(0deg);
	-webkit-transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
  -moz-transform: rotateX(0deg);
	-moz-transform-origin: center bottom;
	-moz-transform-style: preserve-3d;
	transform: rotateX(0deg);
	transform-origin: center bottom;
	transform-style: preserve-3d;	
}

.grid-entry .image-overlay {
	background-color: transparent!important;
}

.grid-entry:hover .image-overlay {
	background-color: transparent!important;
}

.main_color .grid-entry-title {
	color:black;
}

June 29, 2021 at 11:48 am #1307912

In reply to: Contact Form Thank You Text Size

Ismael

Hey jleclair87,

Thank you for the inquiry.

You can use this css to adjust the font size of the contact form response text.

.avia_ajax_form .ajaxresponse {
   font-size: 2em;
   font-size: 32px;
}

Best regards,
Ismael

June 28, 2021 at 10:05 am #1307705

In reply to: How to put buttons which are clickable as links in the footer?

Hi,

Thanks for the update. You need to add the URL in the widget, not via CSS.

#custom_html-3 a.avia-button {
color: #red;
background #010;
font-size: 20px;
}

The color argument is not valid CSS. Use only red, or a hexadecimal code, # followed by 6 digits. The background argument is not valid either, if you are going to use 3 digits, then they all have to be the same. It’s better that you stick to 6 digits. You can easily find answers to basic programming like this, on http://w3schools.com/.

Best regards,
Rikard

June 28, 2021 at 7:00 am #1307664

In reply to: Problem : text in bold in menu and submenu element

Hi,

You have this in Quick CSS which is setting that:

#top .av-subnav-menu li a {
    font-size: 16px;
    font-weight: bold !important;
}

Please adjust or remove it. If you need to adjust the font, then please refer to this: https://www.w3schools.com/cssref/pr_font_font-family.asp, and add that to your CSS.

Best regards,
Rikard

June 28, 2021 at 6:56 am #1307663

In reply to: Problem : text in bold in menu and submenu element

Hi,

You have this in Quick CSS which is setting that:

#top .av-subnav-menu li a {
    font-size: 16px;
    font-weight: bold !important;
}

Please adjust or remove it. If you need to adjust the font, then please refer to this: https://www.w3schools.com/cssref/pr_font_font-family.asp, and add that to your CSS.

Best regards,
Rikard

June 28, 2021 at 2:29 am #1307624

Topic: Body Font wont change

in forum Enfold

4Guys Autobarn

Participant

As the title says, the body font will not change no matter what. I can change the size just not the font.
I can change the font of the Headings under Advanced settings but I cant see how to do this for normal font?
Please help

June 27, 2021 at 6:51 pm #1307612

In reply to: View the burgher menu below 1200px ?

Mike

Hi,
Thank you for your patience, and for the login to your site, your issue was with your Quick CSS custom css, I started by removing all of your css and adding it back a little at a time, I found some errors and tried correcting them, in the end these are the two rules that seemed to be cuasing the problem:

#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}

Please clear your browser cache and check.

For your information, this was your original css:


/* HEADER */

.navbar, .page-title-section {
display: none;
}

.inner-container {
	position: relative;
	height: 150%;
	width: 100%;
	margin-top: 0px;
}

.responsive .logo img {
	margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
	letter-spacing: 0;
	font-size: 40px !important;
	font-weight: 100;
	opacity: 0.6;
	padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	line-height: 23px;
	padding: 8px 15px;
	font-size: 17px;
	min-height: 23px;
	max-width: none;
	text-decoration: none;
	font-family: inherit;
	text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
	background-color: transparent;
	color: #131313;
	border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
	background-color: #000;
	color: #fff;
}

.av-main-nav ul li:last-child > a {
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

.av-main-nav ul li a {
	border-right-style: solid;
	border-right-width: 0px;
	border-left-style: solid;
	border-left-width: 0px;
}

/* BODY */

#top .av_inherit_color a {
	text-decoration: none;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
	color: #fff;
	line-height: inherit;
	font-size: 26px;
	font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
	border: 1px solid #F00;
}

#top #wrap_all .error .input_checkbox_label {
	color: #F00;
}

.avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px !important;
	letter-spacing: 0.05em;
}

.avia-button.avia-size-medium {
	font-size: 16px;
}

strong, b {
	font-weight: normal;
}

#top .av-flex-placeholder {
	display: table-cell;
	width: 1%;
}


/* FOOTER*/


/* SOCKET*/

#socket .copyright {
	float: left;
	font-size: 16px;
}

.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
	color: #ffffff;
	font-size: 16px;
}



.av-main-nav > li > a {
	padding: 0 23px;
	font-size: 18px;
        text-transform: uppercase;
       font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
	}



 @media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(2) {
/* Adjust the width of the logo */
margin-right:15%;
}

#top #header .av-main-nav li:nth-child(3) {
/* Adjust the width of the logo */
margin-left:15%;
}



#header .main_menu {
/*background: gold;*/
width: 100%;
left: 50%;
transform: translateX(-50%);
}

.av-main-nav-wrap {
left: 50%;
transform: translateX(-50%);
}

#header .logo {
left: 50%;
transform: translateX(-50%);
z-index:999;
}

#header .logo img {
top: 20%;
transform: translateY(-50%);
max-width: 250px;
}
}


/* Top Bar content alignment */

#top #header_meta .container {
           display: flex;
           justify-content: center;
}

#top #header_meta .sub_menu {
           top:0;
}
#top #header_meta .sub_menu,
#top #header_meta .social_bookmarks {
           align-self: center;
}

#top #header_meta .phone-info {
           order: 2;
}

#top #header_meta .phone-info span {
           display: flex;
           align-items: center;
}

#top #header_meta .sub_menu {
           order: 1;
}
#top #header_meta .social_bookmarks {
           order: 3;
}


#avia-menu {
width:1300px !important;
}

#menu-item-551 {
    margin-left: 0 !important;
}

/*fabio burger menu */
 @media only screen and (max-width: 1199px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}
.container.av-logo-container .header_main_alternate .container{
left:70%!important;
}
#avia-menu {
  float: right; 
   width: auto !important;
}
}

and this is what you have now:

/* BODY */

#top .av_inherit_color a {
    text-decoration: none;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    color: #fff;
    line-height: inherit;
    font-size: 26px;
    font-family: 'cormorant-garamond','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
    border: 1px solid #F00;
}

#top #wrap_all .error .input_checkbox_label {
    color: #F00;
}

.avia-cookie-consent a.avia_cookie_infolink, .avia-cookie-consent p, .avia-cookie-consent .avia-cookie-consent-button {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px !important;
    letter-spacing: 0.05em;
}

.avia-button.avia-size-medium {
    font-size: 16px;
}

strong, b {
    font-weight: normal;
}

#top .av-flex-placeholder {
    display: table-cell;
    width: 1%;
}


/* FOOTER*/


/* SOCKET*/

#socket .copyright {
    float: left;
    font-size: 16px;
}

.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover {
    color: #ffffff;
    font-size: 16px;
}
/*fabio burger menu */
 @media only screen and (max-width: 1199px) {
#top #header .av-main-nav > li.menu-item  {
    display: none!important;
}
#top #header .av-burger-menu-main {
    cursor: pointer;
    display: block!important;
}
.container.av-logo-container .header_main_alternate .container{
left:70%!important;
}
#avia-menu {
  float: right; 
   width: auto !important;
}
}
/* Top Bar content alignment */

#top #header_meta .container {
        display: flex;
        justify-content: center;
}

#top #header_meta .sub_menu {
        top:0;
}
#top #header_meta .sub_menu,
#top #header_meta .social_bookmarks {
        align-self: center;
}

#top #header_meta .phone-info {
        order: 2;
}

#top #header_meta .phone-info span {
        display: flex;
        align-items: center;
}

#top #header_meta .sub_menu {
        order: 1;
}
#top #header_meta .social_bookmarks {
        order: 3;
}
#menu-item-551 {
    margin-left: 0 !important;
}

/* HEADER */

.navbar, .page-title-section {
    display: none;
}
    
.inner-container {
    position: relative;
    height: 150%;
    width: 100%;
    margin-top: 0px;
}

.responsive .logo img {
    margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
    letter-spacing: 0;
    font-size: 40px !important;
    font-weight: 100;
    opacity: 0.6;
    padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 17px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit;
    text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #131313;
    border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: #000;
    color: #fff;
}

.av-main-nav ul li:last-child > a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

.av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
}
.av-main-nav > li > a {
    padding: 0 23px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'cormorant-garamond','HelveticaNeue','Helvetica       Neue','Helvetica-Neue',Helvetica,Arial,sans-serif;
}
/* HEADER */

.navbar, .page-title-section {
    display: none;
}
    
.inner-container {
    position: relative;
    height: 150%;
    width: 100%;
    margin-top: 0px;
}

.responsive .logo img {
    margin: 45px 0 10px 0;
}

.header-introduction-small .section-head h1 {
    letter-spacing: 0;
    font-size: 40px !important;
    font-weight: 100;
    opacity: 0.6;
    padding: 150px 0px 0px 0px;
}

#top .av-main-nav ul a {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    line-height: 23px;
    padding: 8px 15px;
    font-size: 17px;
    min-height: 23px;
    max-width: none;
    text-decoration: none;
    font-family: inherit;
    text-transform: uppercase;
}

#top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #131313;
    border-color: #ebebeb;
}

.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: #000;
    color: #fff;
}

.av-main-nav ul li:last-child > a {
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

.av-main-nav ul li a {
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
}

@media only screen and (min-width: 766px) {
#top #header .av-main-nav li:nth-child(2) {
/* Adjust the width of the logo */
margin-right:15%;
}
#top #header .av-main-nav li:nth-child(3) {
/* Adjust the width of the logo */
margin-left:15%;
}
#header .logo img {
top: 20%;
transform: translateY(-50%);
max-width: 250px;
}
#header .logo {
left: 50%;
transform: translateX(-50%);
z-index:999;
}
}

@media only screen and (min-width: 1200px) {
#avia-menu {
    width:1200px !important;
}
}

Best regards,
Mike

June 27, 2021 at 2:45 pm #1307596

In reply to: How to put buttons which are clickable as links in the footer?

rolanddon

Hi Rikard,

I tried to add your instruction in Quick CSS,

#custom_html-3 a.avia-button {
color: #red;
background #010;
font-size: 20px;
}https://www.eminglobal.com/contact

but the text in the button is always blue and the button itself is always white. Please advise how to edit the colors of the button and the text in it. Also, I could not make the link sucessfully, please advise if anything is incorrect.

Please reply at:
(Email address hidden if logged out)

Regards,
Roland

June 27, 2021 at 5:07 am #1307573

In reply to: Content slider: change size and color of arrows

Hey joliver8855,

Please try the following in Quick CSS under Enfold->General Styling:

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    font-size: 15px;
    color: red;
}

Best regards,
Rikard

June 27, 2021 at 4:27 am #1307558

In reply to: Masonry Default Title Text Size is too small

Hey PowerBusWay,

Please try the following in Quick CSS under Enfold->General Styling:

.av-masonry-entry .av-masonry-entry-title {
    font-size: 25px;
}

Best regards,
Rikard

June 25, 2021 at 2:53 pm #1307456

Topic: Masonry Default Title Text Size is too small

in forum Enfold

PowerBusWay

Participant

Hello,

I’m using the masonry element and the Display Title is a bit too small for me. I’m also using a custom font (Bebas Neue Regular (400))

How would I go about making it larger?

June 25, 2021 at 1:53 pm #1307444

In reply to: content slider center frame text

Mike

Hi,
Thank you for the feedback, in order to do this you will need several different css rules. Please try these for sizes up to 1024px:

@media only screen and (max-width: 374px) { 
#top.home #home-content-slider {
    background-size: contain !important;
}
#top.home #home-content-slider > .container {
	max-height: 140px !important;
}
#top.home #home-content-slider > .container > .content {
	padding: 0 !important;
}
#top.home #home-content-slider h3.entry-title {
	font-size: 14px !important;
}
#top.home #home-content-slider .groot {
	padding: 10px;
}
}

@media only screen and (min-width: 375px) and (max-width: 480px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 185px !important;
}
#top.home #home-content-slider h3.entry-title {
	font-size: 24px !important;
}
#top.home #home-content-slider > .container > .content {
	padding: 0 !important;
}
}

@media only screen and (min-width: 481px) and (max-width: 767px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 300px !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 988px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 345px !important;
}
}

@media only screen and (min-width: 989px) and (max-width: 1024px) { 
#top.home #home-content-slider {
    background-size: cover !important;
}
#top.home #home-content-slider > .container {
	height: 420px !important;
}
}

Then clear your browser cache and check.

Best regards,
Mike

June 24, 2021 at 5:14 am #1307241

In reply to: Adjust H1 tag on Mobile

Hey MikeTandySwag,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h1 {
    font-size: 50px;
}
}

Best regards,
Rikard

June 22, 2021 at 8:47 pm #1307017

Topic: Adjust H1 tag on Mobile

in forum Enfold

MikeTandySwag

Participant

Hi,

I need to H1 tag font size to be smaller on mobile.

For example on this page (in the private content) the H1 at the top of the page goes out of the screen.

How can I fix this?

Thanks

June 22, 2021 at 3:58 pm #1306968

In reply to: Notification Top Bar Widget

Yigit

Hey Em,

Thanks for contacting us!

You could actually go to Enfold theme options > Header > Extra Elements and insert your text as “small info text”, go to Enfold theme options > Header > Header Behaviour and check “Unstick topbar” and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling > Quick CSS

#top .phone-info {
    text-align: center;
    width: 100%;
    font-size: 14px;
}

Then finally go to Enfold theme options > Advanced Styling > edit “Small bar above Main Menu” and set background and set text colors :)

Best regards,
Yigit

June 21, 2021 at 11:08 pm #1306828

Topic: Woocommerce Product price align

in forum Enfold

Lukas

Participant

Hello,
I use a code to center the product title and product and also othere small changes. All is good excluding the procut price centre on home page. In shop, product category etc is correct. Just the hope page where I use the Proiduct Grid is not working.

You can see it here: https://oldschoolclassic.cz/

My code is here:
#top.woocommerce-page .template-shop ul.products li a { text-align: center; }

.inner_product_header_cell h2 { font-size: 20px !important; text-align: center; }

.single-product .price, #top .price span { color: #ff2929; !important; font-size: 22px !important; text-align: center; }

#top .alternate_color .price, .alternate_color .stock, #top #wrap_all .alternate_color ins, .alternate_color .products .product-category h3 .count, .alternate_color .widget_layered_nav_filters .chosen a:before, .alternate_color .widget_layered_nav .chosen a:before {
color: #ff2929; }

#top .main_color .price, .main_color .stock, #top #wrap_all .main_color ins, .main_color .products .product-category h3 .count, .main_color .widget_layered_nav_filters .chosen a:before, .main_color .widget_layered_nav .chosen a:before {
color: #ff2929; }

Can you help me to solve this, please?

June 21, 2021 at 6:43 am #1306655

In reply to: How to put buttons which are clickable as links in the footer?

Hi,

Please try this in Quick CSS:

#custom_html-3 a.avia-button {
  color: #fff;
  background #000;
  font-size: 16px;
}

If you need to change the link, then please edit this part of the code I sent you:

https://your.site/page/

Best regards,
Rikard

June 20, 2021 at 9:33 pm #1306592

In reply to: Sub Menu Element – remove bullets and add own icon (mobile with toggle switch)

Ismael

Hi,

Thank you for the update.

1.) We added the following css code to remove the menu indicator or the arrows.

.mega-indicator {
	display: none !important;
}

2.) And this one to remove the lines in the mobile menu.

.av_minimal_header .main_menu #mega-menu-wrap-avia #mega-menu-avia li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {
	border: 0;
}

3.) This is not possible out of the box but you should be able to use css to change the style of the mobile menu icon. Example:

#mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-animated-box::before {
	content: "\f411" !important;
	font-size: 30px;
	top: -20px;
	position: relative;
}

.mega-toggle-animated-inner {
	display: none !important;
}

Best regards,
Ismael

June 19, 2021 at 3:31 pm #1306509

In reply to: How to put buttons which are clickable as links in the footer?

rolanddon

Hello Rikard,

Thank you. I put the button successfully, but I could not edit the button like the color of it and the size of the fonts. Also, I want to make the button a link to another page and clickable. Can you please tell me how to do it?

Please reply at:
(Email address hidden if logged out)

Regards,
Roland

June 18, 2021 at 5:32 pm #1306432

In reply to: content slider center frame text

yampieters

thanks yigit , that worked fine.
by the way, the content slider is displaying very big on a mobile, way to big.
now i can make a mobile version and a desktop version ( and so make two versions of the same thing in fact ):

.mobile {display:none !important;}
.desktop {display:block;}
@media only screen and (max-width: 479px) {
.mobile {display: block !important;}
.desktop {display: none !important;}
}

but is it also possible to tell the system to display the whole thing just small on a mobile?

the text itself i can make smaller by

@media only screen and (max-width:767px) {
  #top .groot .entry-title {
    font-size: 32px;
  }

  #top .groot .entry-title {
    font-size: 32px;
  }
}

but its more about the background picture that is way too big…

best regards, jelle

This reply was modified 4 years, 8 months ago by yampieters.

June 18, 2021 at 1:10 pm #1306342

In reply to: Styling the Team Member Blurb with a frame and some text padding

Chrilles