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

Hi,

You can use the Advance Layout Editor, go to Media Elements tab then insert a slider between Fullwidth Easy Slider, Fullwidth Slider or Layer Slider. You can also use the Image element.

Regards,

Ismael

July 19, 2013 at 4:51 am #26447

Topic: color section won't stop

in forum Enfold

stunna42

Participant

Hi – Pleas see the purple colored section at the bottom of http://thecaloriemythbook.com/ right above the book cover. This is a clone of the previous colored sections but it doesn’t “stop” like the others…it continues to run all the way down the page. How can I make it work like the other identical colored sections? Thank you

July 19, 2013 at 4:43 am #130209

In reply to: Individual Header & Footer Colour Boxes

Hi,

You can change the icon color of the social icons with this

#top .social_bookmarks_rss a{color:#ffa133;}

#top .social_bookmarks_facebook a{color:#37589b;}

#top .social_bookmarks_twitter a{color:#46d4fe;}

You can find the background color for each social icons on css > layout.css, find this code

#top .social_bookmarks_rss:hover	   a{color:#fff; background-color:#ffa133; }

#top .social_bookmarks_facebook:hover  a{color:#fff; background-color:#37589b; }

#top .social_bookmarks_twitter:hover   a{color:#fff; background-color:#46d4fe; }

#top .social_bookmarks_mail:hover      a{color:#fff; background-color:#9fae37; }

#top .social_bookmarks_dribbble:hover  a{color:#fff; background-color:#e44885; }

#top .social_bookmarks_linkedin:hover  a{color:#fff; background-color:#419cca; }

#top .social_bookmarks_search:hover    a{color:#fff; background-color:#222222; }

#top .social_bookmarks_gplus:hover     a{color:#fff; background-color:#de5a49; }

#top .social_bookmarks_behance:hover   a{color:#fff; background-color:#008cfa; }

#top .social_bookmarks_flickr:hover    a{color:#fff; background-color:#ff0086; }

#top .social_bookmarks_forrst:hover    a{color:#fff; background-color:#234317; }

#top .social_bookmarks_myspace:hover   a{color:#fff; background-color:#000000; }

#top .social_bookmarks_tumblr:hover    a{color:#fff; background-color:#345574; }

#top .social_bookmarks_vimeo:hover     a{color:#fff; background-color:#31baff; }

#top .social_bookmarks_youtube:hover   a{color:#fff; background-color:#a72b1d; }

#top .social_bookmarks_pinterest:hover a{color:#fff; background-color:#cb2027; }

#top .social_bookmarks_skype:hover 	   a{color:#fff; background-color:#12a5f4; }

#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }

For the footer widget background, you can use this. Assuming you have 3 column footer.

#footer .flex_column.av_one_third {

background: red;

}



#footer .flex_column.av_one_third:nth-child(2) {

background: blue;

}



#footer .flex_column.av_one_third:nth-child(3) {

background: green;

}

You can use av_one_fourth for 4 columns and av_one_fifth for 5 columns.

Regards,

Ismael

July 19, 2013 at 4:38 am #130208

In reply to: Add date to portfolio pages

https://kriesi.at/support/topic/bug-with-images?message=update-support-forums-topic-status-error

Hi,

For the Portfolio Overview, you can edit wp-contentthemesenfoldconfig-templatebuilderavia-shortcodes > portfolio.php, find this code

$output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";

$output .= "<div class='main_color inner-entry'>";

$output .= apply_filters('avf_portfolio_extra', "", $entry);

$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";

$output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';

$output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';

$output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';

$output .= !empty($title) || !empty($excerpt) ? "</div>" : '';

$output .= "</div>";

$output .= "</div>";

Replace it with

$portfolio_date = get_the_date($entry->post_date);



$output .= "<div data-ajax-id='{$the_id}' class=' grid-entry flex_column isotope-item all_sort {$style_class} {$post_class} {$sort_class} {$grid} {$extraClass}'>";

$output .= "<div class='main_color inner-entry'>";

$output .= apply_filters('avf_portfolio_extra', "", $entry);

$output .= "<".$link_markup[0]." data-rel='grid-".avia_post_grid::$grid."' class='grid-image avia-hover-fx'>".$custom_overlay.get_the_post_thumbnail( $the_id, $image_size )."</".$link_markup[1].">";

$output .= !empty($title) || !empty($excerpt) ? "<div class='grid-content'><div class='avia-arrow'></div>" : '';

$output .= !empty($title) ? "<h3 class='grid-entry-title'><a href='{$title_link}' title='".esc_attr(strip_tags($title))."'>".$title."</a></h3>": '';

$output .= "<br>";

$output .= "<span class='post-meta-infos'>";

$output .= "<span class='date-container minor-meta'>".$portfolio_date."</span>";

$output .= "</span>";

$output .= !empty($excerpt) ? "<div class='grid-entry-excerpt'>".$excerpt."</div>" : '';

$output .= !empty($title) || !empty($excerpt) ? "</div>" : '';

$output .= "</div>";

$output .= "</div>";

You can edit the date settings on Settings > General panel.

For single portfolio without the Advance Layout Editor, you can edit includes > loop-portfolio-single.php, find the code:

//display the actual post content

the_content(__('Read more','avia_framework').'<span class="more-link-arrow">  &rarr;</span>');

Below, you can echo the date code:

echo "<span class='post-meta-infos'>";

echo "<span class='date-container minor-meta'>".get_the_time('d M Y')."</span>";

echo "</span>";

Regards,

Ismael

July 19, 2013 at 3:08 am #26445

Topic: Please add it in the release. The settings are lost every time you update the th

in forum Enfold

Dobrodukh

Participant

July 19, 2013 at 2:35 am #130318

In reply to: Reduce spacing on top and underneath horizontal rule?

Hi,

It is actually the column margin.

body .column-top-margin {

margin-top: 30px;

}

Regards,

Ismael

July 19, 2013 at 2:19 am #130192

In reply to: Alignment Issue in Mobile View

Hi,

Please add this on your custom.css or Quick CSS

@media only screen and (max-width: 767px) {

.responsive #header .sub_menu {

padding-top: 10px;

background: white;

}



.social_header .phone-info {

height: 20px;

}

}

Regards,

Ismael

July 19, 2013 at 12:36 am #128946

In reply to: "standard" google fonts not working on desktop computers?

lbdesign

http://www.iutconference.com/

Thank you for noticing the missing font. I was just going to live with Open Sans on everything, but yes, Droid Sans Is not showing up.

Here is a screen shot of my settings.

BTW, the site is now live so you can refer to the live site. (and thanks for your help!)

July 18, 2013 at 11:33 pm #26438

Topic: [Update 1.8.1] weird behavior of former working custom.css

in forum Enfold

rhunecke

Participant

I did some changes using the custom.css before, especially for some custom progress bars, since the included one didn’t show up on mobile devices. They worked fine until I updated an hour ago.

-> https://kriesi.at/support/topic/progress-bars-custom-color-no-strobe-effect#post-122641

I updated my Theme from 1.7.1 to 1.8.1, merged my old custom.css and started checking my Site for weird behavior as usual.

The code in my custom.css won’t work anymore (checked Quick Css as well).

-> http://roberthunecke.com/redesign/skillbars_test/

Could you give some advice, please? Thanks.

Regards,

Robert

July 18, 2013 at 10:28 pm #130414

In reply to: Mega Menu – delay to roll

skauper

https://kriesi.at/support/topic/wpml-language-switcher-in-header

Well, doing a research, i think this is going to solve my problem: https://kriesi.at/support/topic/navigation-response-time

I tell here if it solve.

July 18, 2013 at 8:15 pm #26426

Topic: WPML Language Switcher in Header

in forum Enfold

brucegamble

Participant

Hi there,

I am looking for some quick css help with this:

I added the language switcher to my client’s site, however the styling of the drop down is out of alignment, plus when the “French” version is viewed, the button for the drop down looks completely different.

Any help with the alignment of the drop down would be gratefully received…

Thanks,

Bruce

Website: goo.gl/qr9y4

July 18, 2013 at 7:39 pm #130037

In reply to: Move breadcrumbs and Page Title

Nick

Inactive Moderator

Hi,

The easiest way to do it would be to follow the directions here -> https://kriesi.at/support/topic/repositioning-breadcrumbs-and-page-title#post-120763

Thanks,

Nick

July 18, 2013 at 4:30 pm #26408

Topic: Reduce spacing on top and underneath horizontal rule?

in forum Enfold

jamesmac007

Participant

Hi, on my home page: http://wowvideoproduction.co.uk

I want to decrease the amount of space that there is on top, and underneath the horizontal ruler.

It’s fine everywhere else, just ideally…. I would like to tweak it when it’s used on the home page.

Thanks in advance

July 18, 2013 at 4:02 pm #26407

Topic: Header's height and mega menu border

in forum Enfold

oliviad

Participant

Hi, sorry to re-open this thread:

https://kriesi.at/support/topic/how-to-reduce-the-height-of-the-main-header-with-the-logo#post-125770

There is one remaining bug on mega menu, the border-top is not aligned to the top

you can click on menu EXPERTISE on this link http://tinyurl.com/nb4x9gh

Thank you so much

July 18, 2013 at 2:39 pm #26402

Topic: Parallax Effect Choppy on Safari

in forum Enfold

rickswearingen

Participant

I am sure this topic has been posted to death but I cannot seem to get the Parallax effect on pages to work properly. I have the setup correct but the background image is super choppy as I scroll up and down with Safari. I would blame it on Safari but when I check your demo page http://kriesi.at/themes/enfold/portfolio-item/single-portfolio-fullscreen-slider-3/ it is perfectly smooth. You also have a slider on that page , as do I and there is no problems on the demo.

FYI, it works fine in Chrome and O.K. in Firefox (but then again it, as stated it looks Great in Safari on your Demo page)

**I am editing this post as I just discovered the effect works GREAT in “Stretched Layout” mode. I am using the boxed layout and that seems to be the issue.

So to sum it up, the Parallax effect with boxed layout on Safari do NOT mix well.

Is there a fix for this?

Rick

July 18, 2013 at 1:55 pm #114746

In reply to: Enfold Feature Requests

joe88

Please consider adding some logic regarding the wpautop filter, so we can use plugins like showbizpro in the layout editor. Here is the reference issue for more info, https://kriesi.at/support/topic/issue-with-showbiz-plugin-in-advance-editor. I have other premium plugins that I assume will have the same issue. Thanks!

July 18, 2013 at 1:16 pm #130128

In reply to: remove Kriesi link from socket

Devin

Inactive Moderator

Hi cree8teevgrl,

Please do not create duplicate topics or ask the same question in multiple topics. I’ve answered this question just now for Incarnation after seeing your post here: https://kriesi.at/support/topic/update-socket-text-incarnation and will follow it up here.

To remove the backlink you *just* add [nolink] to the copyright filed in the Theme options>Footer .

Regards,

Devin

July 18, 2013 at 12:23 pm #26399

Topic: WPML flags of fixed menu with social icons as dropdown?

in forum Enfold

DavyE

Participant

I just switched my header to the Fixed header with social icons and additional navigation. I noticed the goo.gl/qr9y4 country flags are automatically added to the top right above the main menu, but as a horizontal list of flags.

Unfortunately my list is rather long, so it breaks the look and feel of the site. Therefore I would really like to make it a dropdown, like the standard goo.gl/qr9y4 dropdown function. Is it possible to convert this list into a dropdown, please?

July 18, 2013 at 12:13 pm #129908

In reply to: enlarged logo in internet explorer

dsgnerfw

http://www.infobyip.com/testwebsiteresolution.php

I just used >

to test on a retina resolution. I noticed the icons ( logo , and web icon ) in the layer slider are a bit off ?

1920 x 1200 , 2560 x 1440 and it’s worst in 2560 since the left and right icon in the interface is outside. Or can someone with a retina resolution check it out ?

For the left logo icon I set it at > left > 35% . For 1680 resolutions and below it’s fine. But 1920 and 2560 makes the icons extend outside the interface.

The same goes to the right icon which is set at left > 65%.

Middle icon is okay since both top and left is in 50%.

I tried using a px value for the left and right icon but it looks bad.

Is it possible to use the custom styles in the layer slider to change the value for LEFT , for both 1920 and 2560 resolutions?

July 18, 2013 at 11:41 am #130222

In reply to: how to set full width for the mobile view

Hi,

You can add something like this on your custom.css or Quick CSS

@media only screen and (max-width: 767px) {

.responsive .boxed#top {

width: 100%;

}

}

Regards,

Ismael

July 18, 2013 at 11:12 am #129205

In reply to: Dashboard filter of posts, pages is broken, unusable

jeeves