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

This reply has been marked as private.

August 21, 2018 at 4:41 am #999664

In reply to: styling of CF7

NR1234

Thanks Vinay. This worked for changing the size, font family and color of the placeholder text.

However, the submit button text has still not changed to quick sand. I tried adding the same code for the submit button i.e.,

#top input[type=”text”],
#top input[type=”input”],
#top input[type=”password”],
#top input[type=”email”]
#top input[type=”submit”] {
padding: 14px 6px;
font-family: “quicksand”,sans-serif;
background: #fff;
border-radius: 0px;
}

But it did not change the font family for the submit button. Could you suggest any additional code?

Thanks

Garima

August 20, 2018 at 10:48 pm #999634

In reply to: Blog page

Basilis

Hey Cynthia45,

Please add the following CSS

.entry-content p { font-size: 18px !important; }

let us know if it works

Best regards,
Basilis

August 20, 2018 at 6:53 pm #999555

Topic: Blog page

in forum Enfold

Cynthia45

Participant

Hello,
I have my default font size set to 18px and everything looks fine except my blog page where the font is much larger?
How do I fix that?

August 20, 2018 at 4:14 pm #999452

In reply to: Differences when resizing color background video and slider videos

Victoria

Hi sparkzilla,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css


@media only screen and (max-width: 767px) {
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 220px;
  }
  #full_slider_1 .avia-slideshow li img {
    width: 140%;
  }
  .slideshow_inner_caption {
      height: 36%;
      top: 10%;
  }
  #top .avia-slideshow-button.avia-color-light {
      padding: 3px 6px;
      margin-top: 5px;
  }
  #top #wrap_all .avia-slideshow-button {
      font-size: 14px;
      line-height: 1.3em;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

August 20, 2018 at 9:30 am #999250

In reply to: Weird animation loading in color sections

Dude

Hi,

This is no bug but a technical limitation. The website needs some time to render and to load all resources – depending on the website size (images, scripts, stylesheets, etc.) the loading times may vary and the script execution can be delayed. If you want to avoid these loading effects (font replacements, section adjustments because of javascripts) go to Enfold > Theme Options and tick the “Page Preloading” and “Page Transitions” checkboxes (screenshot: http://www.clipular.com/c/5588487378829312.png?k=y8A7s2w9ArkLn19GPhV8DgUaBjY ). Enfold will then show a preload screen like demonstrated here: https://kriesi.at/themes/enfold-minimal-portfolio/ and will load all resources before the page content fades in.

Best regards,
Dude

August 20, 2018 at 6:23 am #999175

Topic: Fix icon list showing bullet points

in forum Enfold

HeadStudiosWeb

Participant

Hi,
I have setup a page here:

Welcome 2

Using the advice given in the following thread:
https://kriesi.at/support/topic/columns-within-columns/

However the icon list shows up with bullet points:
http://prntscr.com/kkmkwd

Below is the code used to generate the content inside the text block:

<div class="flex_column av_two_third first">Left content goes here</div>
<div class="flex_column av_one_third">[av_iconlist position='left' iconlist_styling='av-iconlist-small' custom_title_size='' custom_content_size='' font_color='custom' custom_title='#020202' custom_content='#020000' color='custom' custom_bg='' custom_font='#020202' custom_border='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jkw2fj77' admin_preview_bg='']
[av_iconlist_item title='List Title 1' link='' linktarget='' linkelement='' icon='ue812' font='entypo-fontello' av_uid='av-1kx6be'][/av_iconlist_item]
[av_iconlist_item title='List Title 2' icon='25' content='Enter content here' link='' linktarget='no' linkelement='' av_uid='av-1dn34q'][/av_iconlist_item]
[av_iconlist_item title='List Title 3' icon='64' content='Enter content here' link='' linktarget='no' linkelement='' av_uid='av-16gonu'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue812' font='entypo-fontello' av_uid='av-11lt4y'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue800' font='entypo-fontello' av_uid='av-xm1ze'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue800' font='entypo-fontello' av_uid='av-xm1ze'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue800' font='entypo-fontello' av_uid='av-xm1ze'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue800' font='entypo-fontello' av_uid='av-xm1ze'][/av_iconlist_item]
[av_iconlist_item title='List Title' link='' linktarget='' linkelement='' icon='ue800' font='entypo-fontello' av_uid='av-xm1ze'][/av_iconlist_item]</div>

Any idea on what the issue could be?

Thanks

August 20, 2018 at 3:07 am #999144

In reply to: Categories widget text weight

Hi,
I took a look at your site but didn’t see any widgets, then I noticed above that said you didn’t create it yet.
The widgets are given different IDs when they are created, so it is a little hard to write the correct css for a widget before it is created, and not effect other widgets. But as an example here is how the change the font weight, color, & size with css:

.widget_categories a {
color: red !important;
font-weight: bolder !important; 
font-size: 12px !important;
}

Please let us know when you have a activate widget you would like to change, so we can assist.

Best regards,
Mike

August 19, 2018 at 9:03 pm #999084

In reply to: Full Width Submenu Force Mobile at Specific Width

Levante Golf

This reply has been marked as private.

August 19, 2018 at 5:56 pm #999000

In reply to: Timeline: Date without H2

Hi,
Ok, I made a few more changes, Please clear your browser cache and check.
New final functions.php:

function custom_timeline(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery('.av-milestone h2.av-milestone-date').replaceWith(function () {
    return jQuery('<span/>', {
        html: jQuery(this).html()
    });
 });
 });
 </script>
 <?php
  }
  add_action('wp_footer', 'custom_timeline');

New final CSS:

.avia-timeline span strong {
    color: #858585 !important; 
    font-size: 25px !important; 
}
.av-milestone-odd span strong {
float:right !important;
}
.avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even > span:first-child {
    display: none;
}

Best regards,
Mike

August 19, 2018 at 3:40 pm #998931

In reply to: Timeline: Date without H2

Hi,
Thank you for the login, I have changed the function and the css, now it is working correctly without any H tags.
Please clear your browser cache and check.
Here is the final code:
functions.php:

 function custom_timeline(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery('.av-milestone-even h2.av-milestone-date:nth-child(even)').replaceWith(function () {
    return jQuery('<span/>', {
        html: jQuery(this).html()
    });
 });
jQuery('.av-milestone-odd h2.av-milestone-date:nth-child(odd)').replaceWith(function () {
    return jQuery('<span/>', {
        html: jQuery(this).html()
    });
 });
 });
 </script>
 <?php
  }
  add_action('wp_footer', 'custom_timeline');

CSS:

.avia-timeline span strong {
    color: #858585 !important; 
    font-size: 25px !important; 
}
.av-milestone-odd span strong {
float:right !important;
}

Best regards,
Mike

August 19, 2018 at 2:35 pm #998917

In reply to: Timeline: Date without H2

Hi,
I see you are getting this error: Uncaught ReferenceError: jQuery is not defined
Can you please include a admin login in the private content area so we can take a closer look.
I will change the H3 to a span, I assume you still want the text to be the same color and font size though?

Best regards,
Mike

August 19, 2018 at 12:18 pm #998890

In reply to: Blog post font doesn't change, headers do

Eikordo

Hi Rikard,

Thanks for helping out.
I did now find that specific option, changed it, but nothing seems to happen. To test that i also set the font size down to 12 but everything still looks the same. I did right-click inspect my page in google chrome and there the rendered fonts for the section still ist Helvetica Neue—Local file(281 glyphs).

August 19, 2018 at 9:53 am #998862

Topic: Changes in options theme

in forum Enfold

hector1069

Participant

I have done several changes on the colors and up the size font, but It does not appears on the site.

Is the any kind of cache of the theme, or something like that?

Thanks

August 19, 2018 at 1:11 am #998826

Topic: Categories widget text weight

in forum Enfold

tanssu

Participant

Hello dear friends,
I have found a solution to change a widget title’s font size or weight but can not find how to do it to text below the title.
For example a category widget, how can I make the categories bold or change their fonts?
Thank you

August 18, 2018 at 8:54 pm #998775

In reply to: Timeline: Date without H2

Hey mrqslmk,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_timeline(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery('.av-milestone-even h2.av-milestone-date:nth-child(even)').replaceWith(function () {
    return $('<h3/>', {
        html: $(this).html()
    });
 });
jQuery('.av-milestone-odd h2.av-milestone-date:nth-child(odd)').replaceWith(function () {
    return $('<h3/>', {
        html: $(this).html()
    });
 });
 });
 </script>
 <?php
  }
  add_action('wp_footer', 'custom_timeline');

Then add this code in the General Styling > Quick CSS field:


.avia-timeline h3 strong {
    color: #858585 !important; 
    font-size: 25px !important; 
}
.av-milestone-odd h3 strong {
float:right !important;
}

Best regards,
Mike

August 18, 2018 at 9:45 am #998667

In reply to: Enfold & Woo-Commerce Colors

Hey mynoxin,
To change the background color of the button, Please try this code in the General Styling > Quick CSS field:

.avia_cart_buttons.single_button:hover {
    background-color: rgba(127, 191, 63, 0.5) !important; 
}
#top .avia_cart_buttons .button:hover > span,#top .main_color .avia_cart_buttons .button:hover {
   color: #fff !important;
}

To change the sale price:

ins span.woocommerce-Price-amount {
color: red !important;
font-size: 20px !important;
}
span.price del {
color: gray !important;
}

Best regards,
Mike

August 17, 2018 at 7:20 pm #998556

In reply to: woocommerce product price is really small

Jordan Shannon

Hi,

You could try the following to just target product pages:

.product-template-default .woocommerce-Price-amount.amount{
font-size:10px!important;
}

Adjust the size to what you would need.

Best regards,
Jordan Shannon

August 17, 2018 at 5:25 pm #998518

In reply to: styling of CF7

NR1234

Hi Rikard,

Thanks this worked.

One more question is how do I change the font type of the text that appears within the contact form. I want to use the quicksand font type for the text in the 2 boxes.

Also, if I want to increase the size of the boxes as in make them bigger what code do I use?

Thanks

Garima

August 17, 2018 at 4:22 pm #998494

In reply to: Switch color of words inside a headline by hoover

Guenni007

1) Create an enfold heading in a flex-column.
2) if there are columns besides each other it is best to have the equal-height option.
3) i gave to the heading itself a custom class: change-on-hover
4) the hover effect will be active if i’m over the whole column
5) Put in the heading input field:
About Me

6) The data-hover values do not need to be the same – but it looks better if so
7) do this to quick css:

.change-on-hover .av-special-heading-tag {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 111;
    width: 100%;
    margin: 0 auto !important;
    overflow: hidden;
}

.change-on-hover .av-special-heading-tag span {
font-weight: bold;
    display: inline-block;
    position: relative;
    transition: transform 0.3s;
}

.change-on-hover .av-special-heading-tag span:first-child {
	color: #fff
}
.change-on-hover .av-special-heading-tag span:nth-child(2) {
	color: #ffb400
}

.change-on-hover .av-special-heading-tag span:first-child::before,
.change-on-hover .av-special-heading-tag span:nth-child(2)::before {
	position: absolute;
	content: attr(data-hover);
}

.change-on-hover .av-special-heading-tag span:first-child::before {
	top: 105%
}

.change-on-hover .av-special-heading-tag span:nth-child(2)::before {
	bottom: 105%
}

.flex_column:hover .change-on-hover .av-special-heading-tag span:first-child {
    transform: translate3d(0, -105%, 0);
    color: #ffb400
}

.flex_column:hover .change-on-hover .av-special-heading-tag span:nth-child(2) {
    transform: translate3d(0, 105%, 0);
    color: #fff
}

PS: it works responsive – but maybe it is important to take a relative font-size as i do in the above example 4.5vw

This reply was modified 7 years, 8 months ago by Guenni007.

August 17, 2018 at 10:59 am #998361

In reply to: "read more" "advanced layout editor" not working faulting

supraz1

Oh dear, that’s a show stopper
Advanced layout editor ( Layout Builder ) is the only way I have discovered to show more text of post on the screen.reduced the size from default 12pt and look good. I will revert back to basic editor, accept that face not much will be presented on a screen.
Objective – Post shown in full in blog with out “read more” . Reduced font size that looks good
.. Many thanks for the reply
JB

August 17, 2018 at 7:01 am #998279

In reply to: Change the default colour of the dark translucent button

Hi,
To change the font color of the button with the boarder, try this:

#top .avia-button.avia-color-dark {
color: #ec0928 !important
}

As for vertically centering the text on the buttons site wide, we will need to make them more uniform, on the one page there are 3 different buttons, with 3 different heights.
Please try this css:

.avia-button.avia-size-x-large,.avia-button.avia-button-fullwidth,.avia-button.avia-size-large {
    padding-top: 12px !important; 
}
.avia-button-wrap.avia-button-center,.avia-button-wrap.avia-button-left {
height: 45px !important;
max-height: 45px !important;
}

Best regards,
Mike

August 17, 2018 at 7:00 am #998278

In reply to: cant change font size in headline rotator

Ismael

Hey davidperl,

Thank you for using Enfold.

I don’t see any style issues with the rotator but you can use this css code to adjust its font size.

#top .av-rotator-container-inner {
    line-height: 1.2em;
    font-size: 60px;
}

Default font-size value is 80px.

Best regards,
Ismael

August 17, 2018 at 6:37 am #998269

In reply to: Change font size on slider caption – Mobile only

Rikard

Keymaster

Hi,

Thanks for the feedback, though I can see the code applying on my end. The font is 15 pixels on phone sizes. Maybe you want it to apply up to tablet size as well? If so you can try to adjust the media query pixel value to 767 instead.

Best regards,
Rikard

August 17, 2018 at 4:26 am #998233

In reply to: Fullscreen Slider Caption on mobile

Vinay

Hi,

1. For testing purpose, we need to disable CSS and JS merging from Enfold > Performance and remove the previous code from custom.css.
2. Enable custom CSS class name support for Layout Builder elements from Enfold > Layout Builder.
3. Assign a custom class “custom-slider” to the homepage slider.
4. Since the mobile device has less space we will hide the paragraph text and make the headings 40% width of the slider and font size relative to 3.5% of the viewport width.
by adding the below CSS in Quick CSS:

/* Slider caption width */

@media only screen and (max-width: 480px) {
#top .custom-slider .slideshow_align_caption h2 {
    font-size:3.5vw!important;
    line-height: 20px;
    max-width:40vw;
}

#top .custom-slider .slideshow_align_caption p {
	display:none;
}}

Best regards,
Vinay

August 16, 2018 at 9:20 pm #998160

In reply to: Avia builder doesnt load

smorrone

This reply has been marked as private.

August 16, 2018 at 9:16 pm #998158

Topic: cant change font size in headline rotator

in forum Enfold

davidperl

Participant

font sizes for smaller devices seems to work but main font on headline rotator for fullsize displays does not seem to change and is clipping top line off

August 16, 2018 at 7:50 pm #998122

In reply to: Change style of title in article

Jordan Shannon

Hey annesite,

Add this to quick css:

.single-post h1.post-title.entry-title{
font-family: Open Sans; 
font-size:26px;
}

Best regards,
Jordan Shannon

August 16, 2018 at 7:03 pm #998089

In reply to: Text Citation Box

Jordan Shannon

Hi,

Add this to quick css and adjust if you need:

.avia-testimonial-content{
font-size:10px!important;
}

Best regards,
Jordan Shannon

August 16, 2018 at 5:04 pm #998003

In reply to: Show mobile menu on tablets with 1024px

Victoria