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

Die Label:

label {
    font-size: 22px !important;
}

Den Titel kannst du im Kontaktformular selbst unter “Erweitert” auf H1 stellen oder wenn er auf Standard steht wie folgt vergrößern:


form h3 {
    font-size: 32px;
}

This reply was modified 5 years, 4 months ago by cherrmann.

November 22, 2020 at 10:31 pm #1262156

In reply to: Adding HTML to Menu

Mike

Moderator

Hey WellStrategic,
Sorry for the late reply and thanks for the link to your site, I see that you have added the button & phone link into the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text field, to add the phone icon before the phone number please try adjusting your HTML to include this before the phone number text:
[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]
this is the phone number icon shortcode, if you want an image then use a image source tag with the link to the image, like this:
<img src="https://img.icons8.com/ultraviolet/20/000000/phone.png"/>
After updating your code please clear your browser cache and check.

Best regards,
Mike

November 22, 2020 at 4:56 pm #1262126

In reply to: Kontaktformular Schrift und Feldergröße ändern

cherrmann

Hallo,

du kannst das leicht mittels CSS hinbekommen (Allgemeines Sytling > Quick CSS):

z. B:

input {
    height: 85px;
    font-size: 36px;
}

evtl brauchst du !important:

input {
    height: 85px;
    font-size: 36px !important;
}

November 22, 2020 at 4:54 pm #1262124

Topic: Customize the media element tab sections or tab title

in forum Enfold

bsingenberger

Participant

Hi,
How can I customize the media element tab section? I can change the font size about CSS. But how can I adjust the background color and width of the whole element?

Thanks,
Beat

November 21, 2020 at 12:36 pm #1261920

In reply to: Blog Post Titles became uppercase and huge

Hi,

Thanks for the update. Please try this CSS if you want to override your current CSS, to make it look like your other site.

.html_elegant-blog .avia-content-slider .slide-entry-title {
    padding-top: 0;
    font-size: 15px;
}

Best regards,
Rikard

November 21, 2020 at 5:53 am #1261887

In reply to: Contact Form – Submit Button CSS Styling

Hey premedia,

Please try this CSS instead:

p.form_element input.button {
    padding:15px 45px;
    background:#FCE228;
    color:#232323;
    font-size:16px;
    font-weight:bold;
    border:1px solid #232323;
    cursor:pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
}

p.form_element input.button:hover {
    background-color: #232323;
    color: #FCE228;
    border:1px solid #232323;
}

If that doesn’t work then please post a link to where we can see the actual form.

Best regards,
Rikard

November 20, 2020 at 3:10 pm #1261794

Topic: Slideshow overlay text size

in forum Enfold

BelIblis

Participant

Hi,

Can someone please show me how to target font-sizes for the full-width slideshow?
I’d like to change the headline / copy and button font sizes.

The slideshow has its aspect-ratio locked to a very wide 7:2, and so I’m struggling with vertical space, especially on mobiles.
I nearly had it working fine. When I narrow my computer’s browser-window to 500-767px width, it looks fine on various browsers. But on an actual small mobile phone (iPhone 5se for example), I can’t get it to work properly and the “Contact” button gets moved down too far. (Please see private content below for the link to the problematic page).

This is the CSS I’m using for desktops larger than 990px:

@media only screen and (min-width : 990px) {
    .slideshow_caption {width:90vw!important;}
    .slideshow_caption h2 {width:35vw; font-size: 2.5vw!important; line-height: 3vw!important;}
    .slideshow_caption p  {width:35vw; font-size: 1.7vw!important; line-height: 2.5vw!important;}
    .slideshow_caption a.avia-slideshow-button.avia-button {font-size: 1.2vw!important;}
}

I also tried to completely remove my custom CSS code and use the Slideshow element’s built-in font-size options for desktop/iPad/mobile. But that didn’t work either. (I even tried an extremely small 10px font size for both the headline AND the copy text – and on my mobile, the copy was twice the size of the headline. I even removed the Advanced Stylig setting for the “p” element inside the theme options – no luck.

I would really appreciate some help here. Apart from this font size problem, the page is pretty much finished and ready to be published…

This topic was modified 5 years, 4 months ago by BelIblis.

November 19, 2020 at 10:12 pm #1261649

Topic: contact form –> after mail has been sent, the info-text is not displayed ;-/

in forum Enfold

designbasis

Participant

Good Evening Folks,

new little question: I wanna change the background-colour of the
conformation message. Please take a look at my screenshot.
There you can see that the background-colour is grey with a white
frame. The css-snippet from your documentaion unfortunately
does not work. ;-) If I use it, the conformation message does not
appear.

Following snippets are already in my quick-css-field:
———————————————————————————
/*—————————————-
// CSS – Contact form Lable
//————————————–*/

.avia_ajax_form label {
font-size: 17px;
line-height: 1em;
color:#990000;
}

/* Required field (Styling the asterisk ) */
.avia_ajax_form label .required {
font-size: 17px;
line-height: 1em;
color:#990000;
}

.avia_ajax_form .button {
min-width: 100%;
background-color: #99cccc !important;
border: none;
}

.avia_ajax_form .button:hover {
min-width: 100%;
background-color: #990000 !important;
border: none;
}

#top .main_color input[type=”text”] , #top .main_color select
{
background-color: #bbe6e6;
color: #990000;
border: none;
}

#top .main_color textarea{
background-color: #bbe6e6;
color: #990000;
border: none;
}

#top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
border: 3px solid #99cccc;
background-color: #990000;
color: #ffffff;
}
———————————————————————————

So, which new snippet I need additionally? Thanks for your new help!

Best regards
Carsten

November 19, 2020 at 8:41 pm #1261642

Topic: Contact Form – Submit Button CSS Styling

in forum Enfold

premedia

Participant

Hello. I had the “Contact Form 7” form setup for the last couple of years – and there was frustration with the ReCaptcha and my clients getting blocked – so I have gone back to using the basic ENFOLD Contact Form.

NOTE:
I am running Enfold V4.4
WordPress V4.9.16

I wanted to use the colour and border and hover styling that you kindly helped me set up on the CF7 form SUBMIT button – so I wanted to replicate that same styling on the Enfold contact form SUBMIT button.

Shown below was my CSS as used on the CF7 form:-
Can you please let me know what CSS I need to setup to get the same colours and borders and padding etc on the ENFOLD Submit button?
I would be grateful for your help and look forward to hearing from you.
Thanks
Peter

******************CSS – I previously used for styling CF7 **********

/* CF7 Submit Button CSS Styles */
.wpcf7 input[type=submit] {
padding:15px 45px;
background:#FCE228;
color:#232323;
font-size:16px;
font-weight:bold;
border:1px solid #232323;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 20px;
}

/* CF7 Submit Button CSS Hover Styles */
.wpcf7 input[type=submit]:hover {
background-color: #232323;
color: #FCE228;
border:1px solid #232323;
}

November 19, 2020 at 3:53 pm #1261585

In reply to: Menu Items Cut Off/Disappear Completely When Resized

Hey Gabe,

I am afraid there is not enough space on header area on screens below 1387px with header style you are using.
I tried to see if it works fine when decreasing menu items’ font sizes but it did not. I think switching to mobile menu on bigger screen sizes would be the best solution – https://kriesi.at/documentation/enfold/menu/#toggle-id-87 :)

Best regards,
Yigit

November 19, 2020 at 2:09 pm #1261555

In reply to: Different CSS for the same element

Hey,

Thanks for contacting us!

Please edit your Tab Container element on your second page and go to Advanced > Developer Settings tab and give it a unique ID (In the example I used “custom-tab”) – https://imgur.com/a/7K84Usk.
Then use the code as following in Enfold theme options > General Styling > Quick CSS


#custom-tab .av-tab-section-image {
width: 500px !important;
height: 303px !important;
}

#custom-tab .av-tab-arrow-container {
width: 500px !important;
}
#custom-tab .av-inner-tab-title {
display: none !important;
width: 500px !important;
font-size: 16px !important;
font-weight: bold !important;
}

Regards,
Yigit

November 19, 2020 at 1:38 pm #1261540

Topic: ampersign in titles

in forum Enfold

anma

Participant

Hello,

I found the CSS to change the ampersign in TITLES > & to a normal sign but this does not work :

.special_amp {
font-family: inherit;
font-style: normal;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit !important;
}

Look here (private content) this is the company name and important to my client that this “&” appears normal, can you advise please?

Thank you in advance, AB

November 19, 2020 at 12:20 pm #1261512

Topic: Different CSS for the same element

in forum Enfold

ZikomoWebdesign

Participant

Hello,

Dont know if this question is asked before.
I have created on my website 2 tabsection elements. (pages are in the private content)

But is it possible to change the CSS for 1 TabSection. Because one page the tabs are with only text and the other page is the tab seperator an image.
So what I want is;

For page 1 setup the normal tabsection CSS that will do.
For page 2 setup the custom CSS that will be changed into my own design.
Example for page 2 setup;

.av-tab-section-image {
width: 500px !important;
height: 303px !important;
}

.av-tab-arrow-container {
width: 500px !important;
}
.av-inner-tab-title {
display: none !important;
width: 500px !important;
font-size: 16px !important;
font-weight: bold !important;
}

Hope you can help me out?

Kind regards.

November 19, 2020 at 8:55 am #1261479

In reply to: Styling of full-width buttons

Guenni007

if you do not want to influence all fullwidth buttons on all pages – you should give to those fullwidth-buttons a custom-class.
in my case i use for that : fullwidth-specialbutton

because of the inline setting of most of those values we had to use !important on most of the rules

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth {
  padding: 40px !important;
  margin: 40px 30px !important;
  width: calc(100% - 60px) !important; /*** this has to correspond to your margin (left/right) settings ***/
  background-color: yellow;
  color: #333 !important;
  border-radius: 20px !important;
  border: 2px solid #333 !important;
  box-shadow: 2px 2px 15px #333;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
}

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth:hover {
  background-color: darkblue;
  color: #FFF !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease
}

/*** this background is on enfold for highlite status - we do that with hover-style ***/
#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_button_background {
  display: none
}

#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_iconbox_title, 
#top .fullwidth-specialbutton .avia-button.avia-button-fullwidth .avia_button_icon {
  font-size: 50px !important;
}

November 19, 2020 at 8:11 am #1261472

Topic: 2 logos css not working after enfold theme update

in forum Enfold

uribinsted

Participant

Hi,
We had some CSS code that set 2 logos at the header.
I updated the theme version and the header got broken, can you help me fix it?


span.logo {
    padding: 5px;
}
ul#menu-item-shop {
    display: none;
}
#top .header_color .current-menu-item a {
color: #21356a !important;
}
.page-id-206 .iconbox_content {
    background-color: rgba(0,0,139,0.4)!important;
}
.inner_product.main_color.wrapped_style.noLightbox.av-product-class-minimal {
    WIDTH: 365PX;
}
div#product-sec2 .av-section-color-overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(301deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 38%,rgba(13,92,155,0.99) 38%,rgba(13,92,155,0.99) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#d9489fac',GradientType=1);
    z-index: 2;
}
#tested .avia-builder-el-45 {
    border-top: none!important;
    border-left: none!important;
    border-bottom: none!important;
}
#tested .avia-builder-el-47{
 border-top: none!important;
    border-left: none!important;
    border-bottom: none!important;
}
#tested .avia-builder-el-49{
 border-top: none!important;
    border-left: none!important;
    border-bottom: none!important;
}
#tested .avia-builder-el-51{
 border-top: none!important;
    border-left: none!important;
    border-bottom: none!important;
}
div#product-specification .av-section-color-overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(294deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 33%,rgba(0,113,155,0.99) 33%,rgba(0,113,155,0.99) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#007faf',GradientType=1);
    z-index: 2;
}
table.avia-table.avia-data-table.avia-table-1.avia-builder-el-56.el_after_av_textblock.avia-builder-el-last.avia_pricing_minimal {
    background: none;
  
}
 #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #ffffff!important;
    border: none!important;
    border-bottom: 1px solid #ffffff!important;
    font-size: 18px!important;
    text-align: left!important;
}
.page-id-3970 input.button {
    background-color: #0c5c9c!important;
    color: #ffffff!important;
}
.page-id-3970 textarea#avia_6_1 {
    height: 111px!important;
}
.page-id-4036 textarea#avia_6_1 {
    height: 111px!important;
}
.page-id-4036 input.button {
    background-color: #0c5c9c!important;
    color: #ffffff!important;
}
table.avia-table.avia-data-table.avia-table-1.el_after_av_textblock.avia-builder-el-last.avia_pricing_minimal {
    background: none;
}
.para-text{
    line-height: 25px;
text-align: center;
font-size:17px;
}
div#acc-cause .av-section-color-overlay:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(315deg,rgba(35,145,201,0.9) 0,rgba(35,145,201,0.6) 37%,rgba(13,92,155,0.99) 37%,rgba(13,92,155,0.99) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#d9489fac',GradientType=1);
    z-index: 2;
}
@media only screen and (width:2000px) {
.col-lg-2.last-icon {
   margin-right: 7%;
}
}
#top .avia-logo-element-container .slide-entry {
    padding: 40px;
}

#top .av_header_transparency #header_meta {
    background: transparent;
    box-shadow: none;
    border-bottom: 0px solid rgba(255,255,255,0.25);
}

#top .av_header_with_border.av_header_transparency #header_main {
    border: 0px solid rgba(255,255,255,0.25);
    border-left: none;
    border-right: none;
    border-top-color: transparent;
}

Thanks

Uri

November 19, 2020 at 5:37 am #1261452

In reply to: creating a menu

Hi,

If you enable debug mode in order to see builder shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode, then you can paste this shortcode into a new page to see how it was built:

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-13d47v']
[av_heading tag='h2' padding='0' heading='Our Services' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-130xsj'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='5px' custom_margin_bottom='35px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-12mhkr']

[av_one_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-11sso7']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/scale-ruler-on-blueprints-845x321.jpg' attachment='83' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,113' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-3phyf'][/av_image]

[av_heading tag='h3' padding='0' heading='Planning & Architecture' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-10fwvf'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-10alqv']

[av_textblock size='' font_color='' color='' av_uid='av-zgzp3']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-yr1fr']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/construction-site-machines-845x321.jpg' attachment='80' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,135' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-3fe57'][/av_image]

[av_heading tag='h3' padding='0' heading='Construction' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-xvdgv'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-x26b7']

[av_textblock size='' font_color='' color='' av_uid='av-wns97']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-vp1k7']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/cropped-hand-of-a-carpenter-845x321.jpg' attachment='81' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,138' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-v6cev'][/av_image]

[av_heading tag='h3' padding='0' heading='House renovation' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-ul5u3'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-tvilz']

[av_textblock size='' font_color='' color='' av_uid='av-2y5b7']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third][av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-t60bn']

[av_one_third first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-2ulrj']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/architect-handling-keys-to-a-couple-845x321.jpg' attachment='79' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,140' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-rjjoz'][/av_image]

[av_heading tag='h3' padding='0' heading='Small Projects' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-rcwq7'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-qa16v']

[av_textblock size='' font_color='' color='' av_uid='av-q1ejj']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-p5edr']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/urban-development-845x321.jpg' attachment='85' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,144' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-ov15n'][/av_image]

[av_heading tag='h3' padding='0' heading='Big Projects' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-o8z3j'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-nfkdn']

[av_textblock size='' font_color='' color='' av_uid='av-n6ftv']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top' av_uid='av-menwn']

[av_image src='https://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/modern-home-845x321.jpg' attachment='82' attachment_size='entry_with_sidebar' align='center' styling='no-styling' hover='' link='page,142' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-lsbib'][/av_image]

[av_heading tag='h3' padding='0' heading='Interior Design' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-245zn'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-kna9r']

[av_textblock size='' font_color='' color='' av_uid='av-k0liz']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_textblock]

[/av_one_third]
[/av_section]

Best regards,
Rikard

November 18, 2020 at 1:07 pm #1261259

In reply to: After Purchasing Screen is Too Narrow

Hi Ramon,

Sorry for my late reply!

Please change the code to following one

@media only screen and (max-width: 480px) {
div table.shop_table.woocommerce-table--order-downloads td {
font-size: 12px!important;
padding: 6px 6px;
}
}

With this code changes would be applied only on downloads table. Previous code was targeting all tables :)

Best regards,
Yigit

November 18, 2020 at 3:20 am #1261191

Topic: Styling of full-width buttons

in forum Enfold

ASMA1342

Participant

Hi there at support,
I’ve spent several hours searching the support topics and trying out the css – but I can’t get control over all the attributes of full-width buttons.
I need the css to control:
— padding
— margin
— font-size
— font-color
— background-color
— corner radius

Hope you can help with this.
Many thanks
Frances

November 17, 2020 at 11:47 am #1260945

In reply to: Title in slider – cant edit fontsize / color

Hey MarcusJeroch,

I can’t reproduce those results on my end, please see screenshot in private. The inline styling in your screenshot is correct, so if that styling is not applying then you must have CSS which is overriding it. Something like this for example:

h2 {
  font-size: 22px !important;
  color: #ccc !important;
}

Inline styling always takes precedent over other CSS, which does not contain !important.

Best regards,
Rikard

November 16, 2020 at 8:56 pm #1260785

Topic: Title in slider – cant edit fontsize / color

in forum Enfold

MarcusJeroch

Participant

Hi @yigit (NOT Victoria, please!),

another issue:
1: I use this:

Screenshot:
https://marcusjeroch.de/screens/title-1.jpg
https://marcusjeroch.de/screens/title-2.jpg

Result:
– Wrong size
– Wrong color
https://marcusjeroch.de/screens/title-3.jpg

– There is no cache plugin
– i emptied my browsercache
– there is no custom CSS
– I already toggled the settings in Enfold–>CSS & JS merging

NO, i cant give you access to my localhost.

Marcus

November 16, 2020 at 7:24 pm #1260773

Topic: How do I change the font size and line spacing of the drop down menu?

in forum Enfold

tlscaliti

Participant

Please see attached showing the 2018 drop down menu and the new drop down menu displayed in my preview for the updated version I’m working on. I would like the drop down menu to look like the 2018 version. How can I accomplish this?

This topic was modified 5 years, 4 months ago by tlscaliti.

November 16, 2020 at 6:24 pm #1260761

In reply to: Switch to burger menu soon without losing svg logo

Ben

This reply has been marked as private.

November 16, 2020 at 12:21 pm #1260679

In reply to: Placing a big caption on each image in the horizontal gallery

Hi,

Thanks for contacting us and sorry for the late reply!

I added following code to bottom of Quick CSS field and commented a few lines in your code in functions.php file

.custom-subline {
    position: absolute;
    bottom: 0;
    height: 85px;
    width: 100% !important;
    text-align: center;
    color: white;
    background-color: rgba(0,0,0,0.4);
}
.custom-subline p {
    font-size: 25px !important;
    text-transform: uppercase;
}
@media only screen and (max-width: 480px){
.custom-subline{
    bottom: 45px;
}}

Please review your website :)

Best regards,
Yigit

November 16, 2020 at 11:47 am #1260671

In reply to: Import script on singel page

Media-click

Hi Rikard,

When i past the code there is no footer, and the font is much bolder. If you can take a look at the home page and the collection page then you can see the difference. At the collection page did i changed notting (when i delete the code the footer will be loaded and the font is getting there normale size)

Home: https://rensgreijmans.media-click.nl/
Collection: https://rensgreijmans.media-click.nl/collectie/

November 16, 2020 at 6:20 am #1260642

In reply to: Problem about editing CSS

Nikko

Inactive Moderator

Hi Roland,

I apologize for the delayed response.
For the main menu font size, go to Enfold > Advanced Styling > (Select an element to customize) select Main Menu Links, then click Edit Element, then set the font size.
For the header transparency, edit the page then in the sidebar, find Layout (located at the bottom right), then set Header visibility and transparency to Transparent Header.

Best regards,
Nikko

November 13, 2020 at 12:08 pm #1260315

In reply to: Problem about editing CSS

rolanddon