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

Hi @rosman21,

Could you please start your own topic (makes it easierfor us to keep track of each request) then provide a link and login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

Best regards,
Jordan

May 11, 2016 at 5:05 pm #630839

In reply to: Broken Dependencies avia_element_js (missing) and avia_modal_js (missing)

jambrikp

Thank you :) You can close this topic

May 11, 2016 at 4:30 pm #630820

In reply to: Hide WooCommerce Add To Cart for guest only

mydoo

Anyway I got the solution it does have to do with AVIA that is controlled by the theme Enfold:

.avia_cart_buttons {
display: none;
}

#top.logged-in .avia_cart_buttons {
display: block;
}

For anyone that faces the same problem. Thanks for the support.

Toppic is closed why?

@Yigit:

Does this not go away during an update of the theme?

This reply was modified 9 years, 10 months ago by mydoo.

May 11, 2016 at 4:26 pm #630819

In reply to: Enfold – Make Header Transparent on mobile devices

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:


@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background: transparent;
    position: absolute!important;
}}

Best regards,
Yigit

May 11, 2016 at 4:19 pm #630811

In reply to: Change icon arrows in fulscreen slider

Hey!

Please add following code to Quick CSS as well

#top .avia-slideshow-arrows a:before {
    background-color: transparent;
}

Regards,
Yigit

May 11, 2016 at 4:16 pm #630808

Topic: Slowly re-coloring in style.css – should I use Sass or Less?

in forum Enfold

jambrikp

Participant

Hi,

Sometimes clients think-a-great and ask me to change the colors (each colors) :) and do a demo in many many color varians.
Off course I use simple css syntax color: #D82A2E very fustrating when I should change every color in child’s style.css. :)
I thought I should use Sass (@mixin, $color etc).. So is it possible?

If I install Ruby, Sass and Compass and create style.sccs It’s going to work perfect as Enfold child’s style.css?

Before I never use preprocessors.

Looking for Sass or Less files for Enfold themes

Best regards
Peter

May 11, 2016 at 4:07 pm #630795

In reply to: Masonry Element not displaying

rungemach_kiez

Finally found it and fixed it. It was a script from MailChimp that was supposed to add a newsletter signup after a delay. There was an error in its loading which was blocking isotope from loading correctly and therefore I was seeing this error in the js console. since isotope wasn’t being loaded this function couldn’t work.

typeerror container.isotope is not a function

May 11, 2016 at 3:36 pm #630770

In reply to: social icon im socket zentrieren

Hey!

Please add following code to Quick CSS

#top #wrap_all .social_bookmarks li a {
    color: black !important;
    background-color: white !important;
}

Best regards,
Yigit

May 11, 2016 at 3:30 pm #630763

In reply to: Masonry gallery centered

Hey!

You can change the code to following one to apply it only on desktop

@media only screen and (min-width: 1024px) {
#custom-masonry {
    left: 24%;
}}

or use media queries to adjust on mobile screens

@media only screen and (max-width: 768px) {
#custom-masonry {
    left: 15%;
}}

Cheers!
Yigit

This reply was modified 9 years, 10 months ago by Yigit.

May 11, 2016 at 2:28 pm #630738

In reply to: Mobile Ansicht – Footer column1, column2 und column3 – ist nicht einheitlich!

THobbes

Hi Yigit, thank you very much for your screenshot.

You can see the margin-left error (different space) on the picture at the top. Here is, as example, the textphrase wich is different in the footer column on the webpages:

“Jede Einrichtung kann mitmachen”

Jede Einrichtung kann mit-
machen”

The first Textphrase has the right css – margin data.

Best wishes
Tom

May 11, 2016 at 1:29 pm #630689

In reply to: Navigation Bar Overlap – iPad Portrait Mode

Hey crg1,

use this code in Quick CSS field:

@media only screen and (max-width: 1024px) {
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: 102%;
}}

Best regards,
Andy

May 11, 2016 at 12:36 pm #630638

Topic: WPML

in forum Enfold

oterrats

Participant

Hello! Thanks for this grate theme. When I activate WPML plugin, Avia Layout builder stops working… Any suggestions? Thanks again. Oriol

May 11, 2016 at 12:25 pm #630630

In reply to: portfolio item

Hi,

refer to: https://kriesi.at/support/topic/add-portfolio-item-to-menu/#post-55638

Best regards,
Andy

May 11, 2016 at 12:10 pm #630625

In reply to: Woocommerce single product page

Hi,

try this code in Quick CSS field:
#top #main .sidebar {
float: left;
}
Best regards,
Andy

May 11, 2016 at 11:46 am #630612

In reply to: Breadcrumbs – Display within Woocommerce store but not on non-Woocommerce pages

Hey rlogan2334,

try this solution: https://kriesi.at/support/topic/woocommerce-general-question-for-modifying-shop-module/#post-173175

Best regards,
Andy

May 11, 2016 at 10:58 am #630588

In reply to: Ajax Search with Searchford plugin – exclude category

Hi,

refer to this: https://kriesi.at/support/topic/use-avia-js-in-child-theme/#post-230498

Best regards,
Andy

May 11, 2016 at 10:41 am #630570

In reply to: Need the CSS to set Mobile Container Width to 120%

Vinay

Hey mhiller,

May I know the purpose why you need the width to be more than the screen width in mobile view? setting it to 120% will make the content not visible unless users scroll horizontally and might cause major alignment issues. Please let us know the exact reason so we can find out a workaround for your issue.

Please use the below css to make the container 100% wide in portable devices.

@media only screen and (max-width: 768px) {
.responsive .boxed#top {
   width:100%;
}}

Best regards,
Vinay

May 11, 2016 at 10:31 am #630562

In reply to: Add Multiple Widgets to Header

Hi,

thanks for the precise mockups and clarifications!

Use this code inside of Quick CSS field:

@media only screen and (max-width: 767px) {
header#header {
height: 400px;
}
div#text-5 {
top: 83px !important;
left: 125px !important;
}
div#text-6 {
top: 207px !important;
left: -126px !important;
}}

And adjust the values as needed.

Best regards,
Andy

May 11, 2016 at 9:59 am #630552

In reply to: Identify What Menu Is Used Here

Guenni007

well you mean it on the right side?

it was a codeblock inserted on that page with a menu (ul etc. pp)
his code there is for css:

#menu {
    color: #fff;
    font-family: "Montserrat","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: fixed;
    right: 55px;
    top: 40%;
    width: 15%;
    z-index: 100;
}

and on code-block element he inserted

<ul id="menu">
	<li data-menuanchor="welcome" class=""><a href="#welcome">Welcome</a></li>
	<li data-menuanchor="healthcare" class=""><a href="#healthcare">Healthcare</a></li>
	<li data-menuanchor="education" class=""><a href="#education">Education</a></li>
	<li data-menuanchor="featured" class=""><a href="#featured">Featured</a></li>
	<li data-menuanchor="contact" class="active"><a href="#contact">Contact</a></li>
</ul>

etc.

May 11, 2016 at 9:42 am #630542

Topic: Create responsive border with text floated left and right

in forum Enfold

themeforesttony

Participant

I have a section on a homepage for a client site where I have a Text box sitting inside a color section.
I am trying to keep a top and bottom border to the text box with part of the text floated left and part floated right.
I have added a custom class to the text box with the following CSS:
.border-top-bottom {
border-top: 1px solid #000000!important;
border-bottom: 1px solid #000000!important;
}
I then created two CSS divs to float the text as follows:
.right{
float:right;
}

.left{
float:left;
}

I added the following to the text editor:
<h4><span class=”left”>UPCOMING EVENTS</span></h4>
<span class=”right”>ALL EVENTS</span>
I am having the following issue with the CSS:
The text “Upcoming” and “ALL EVENTS” are not vertically aligning to the baseline.
The borders are not positioned above and below the text properly
On an mobile device the section is not resizing properly but instead is wrapping to two different lines.
Can you help get this sorted out?

May 11, 2016 at 9:30 am #630536

In reply to: slider (full width) on mobile, change height and font

richardhofer83

i did but i doesnt change this particular problem that the caption and the button get kinda stuck on top of the slider, when you load the page for the first time. it seems like the caption including button is loading in the “wrong” position
see screenshot in private

This reply was modified 9 years, 10 months ago by richardhofer83.

May 11, 2016 at 9:05 am #630525

In reply to: Color Section automaticly fitting the whole screen when scrolling

C2S16

The problem is not about the height. The Problem is about the Scrolling. When Scrolling down the page, I would like to make sure, that the top of some color sections always is at top of the window when scrolling down.
So this: https://www.dropbox.com/s/wa06lu4dn06dbla/scrolling_problem.PNG?dl=0
should automatically be corrected to this: https://www.dropbox.com/s/r8mdq6usolzje1f/How_it_should_be.PNG?dl=0

So again, yes the color sections do have the correct height, but I would like to make sure that when scrolling down the page the top of a (specific) color section always at least once is at top of the window, so that the whole color Section is at least once shown in fullscreen.

Do you understand what I mean?

Thank you for help,
Gerke

May 11, 2016 at 8:24 am #630514

In reply to: Masonry Portfolio Hover title and excerpt

Ismael

Moderator

Hi,

Add this in the functions.php file:

// grid hover
function add_custom_script_mod(){
?>
<script>
(function($){
	function a() {
		$('.grid-entry').each(function() {
			var excerpt = $(this).find('.grid-entry-excerpt').text();
			$(this).find('.grid-image').attr('data-excerpt', excerpt);
		});
	}

	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script_mod');

And the following code in the Quick CSS field:

.grid-image:after {
    content: attr(data-excerpt);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    opacity: 0;
    font-weight: 400;
    font-size: 18px;
    color: #6c8d6c!important;
    top: 0;
    left: 0%;
}

.grid-image:after {
    opacity: 0.9;
}

Adjust the css properties value if needed.

Best regards,
Ismael

May 11, 2016 at 8:18 am #630510

In reply to: Mobile Menu

J.A.R.

I tried it like this, but nothing changed, do i have to change the 0’s. if yes how much?:

@media only screen and (max-width: 767px) {
	.responsive #header_meta .social_bookmarks li {
	    border: 0 !important;
.sub_menu {
    position: absolute !important;
    left: 0;
    right :0;
    top: 0px;
    margin: 0 auto;
}
	}
    #header_meta .container{
        text-align: center;
    }

    #header_meta .container > * {
        display: inline-block;
        width: auto !important;
        padding: 0;
    }

    #header_meta .phone-info.with_nav {
        position: absolute;
        right: 0;
        top: 5px;
    }

    #header_meta .responsive #header .social_bookmarks {
        position: absolute;
        left: 0;
    }
}

May 11, 2016 at 7:54 am #630493

In reply to: I want to increase the padding

Vinay

Hi,

please try the below css in Enfold > general Styling > Quick css

.html_header_top.html_header_sticky #top #wrap_all #main {
     padding-left: 200px;
     padding-right: 200px;
}

If this is not what you are looking for please post us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

Best regards,
Vinay

May 11, 2016 at 7:44 am #630486

In reply to: Import Problem

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Hi,

Great, please let us know if you should need any more help on the topic.

Thanks,
Rikard

May 11, 2016 at 6:47 am #630449

In reply to: Acoordion element overflow on mobile (phone)

Ismael

Moderator

Hi,

Please add this in the Quick CSS:

@media only screen and (max-width: 767px) {
#top .aviaccordion {
    max-height: 500px !important;
    height: 400px;
}
}

Note that the images in the slider might get distorted if you make it taller. Another workaround is to replace the accordion slider with a simple slider on mobile view.

Hide menu items/elements on mobile

Best regards,
Ismael

May 11, 2016 at 6:39 am #630442

In reply to: full screen slider with transparent menu

Hi mind,

The easiest way to find out how that page was layed out would be to import the whole page by shortcode, you can do so by activating debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/. Then add the following shortcode to the shortcode field in a new page:

[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Once the user scrolls down the header color will change
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe.
[/av_fullscreen_slide]
[/av_fullscreen]

[av_one_fourth first]
[av_icon_box icon='59' position='left' title='Free Support']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='2' position='left' title='Mobile Ready']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='125' position='left' title='Updates']
Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='36' position='left' title='SEO Optimized']
Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id='']
[av_one_third first]

[av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement='']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement='']
Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement='']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]

[/av_one_third]
[/av_section]

[av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id='']
[av_one_fourth first]

[av_textblock]
<h6>Recent News</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth][av_hr class='default' height='50' position='center']

[av_one_fourth first]

[av_textblock]
<h6>Recent Work</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth]
[/av_section]

[av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio']
[av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/av_heading]

[av_one_fifth first]

[av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center']
<ol>
<li>Super nice Parallax</li>
<li>Optimized for Speed</li>
<li>Brilliant Template Builder</li>
<li>Easy to use</li>
<li>Set up in 2 minutes</li>
</ol>
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Far from! Probably the easiest Multipurpose theme you have ever used!
[/av_font_icon]

[/av_one_fifth]
[/av_section]

Best regards,
Rikard

May 11, 2016 at 6:07 am #630416

In reply to: problems with password protected page plugin

Hi,

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

.page-id-6156 .entry-content {
margin-top:50px !important;
}

Regards,
Rikard

May 11, 2016 at 5:32 am #630404

In reply to: all pages 404