-
Search Results
-
Topic: Transparent Header Issue
Hello I have 2 questions related to the transparent header configuration
Website: http://rcgauto.staging.wpengine.com/ (hosted on WPengine)
Q1)When the page loads the social icons on the top line are white, they become dark when the visitor scrolls down. This is a great feature – is it possible to have the phone number on the left to behave the same way ? Also a potential glitch – header is not visible on mobile view on the iPhone
Q2)Can you suggest how to configure main image so that it takes up the whole page – similar to this demo page http://kriesi.at/themes/enfold/homepage/transparent-header/ – I’m using LayerSlider WP to display the image.
Hello,
I am trying to translate http://www.franchiseelites.com to different languages using WPML plugin. I started with Farsi which is a RTL language. I have a couple of problems and I am going to ask all of them if you don’t mind in one post:
1) I know there is a rtl.css file in enfold. Should I do anything to tell my pages use that file or when I translate a page to Farsi it automatically starts using it?
2) I am trying to use a different font in Farsi pages using bellow code:
@font-face {
font-family:”BBCNassim”;
src: url( “http://f.manmote.com/font/BBCNassim.eot” );
src: local( “☺” ),
url( “http://f.manmote.com/font/BBCNassim.woff” )
format( “woff” ),
url( “http://f.manmote.com/font/BBCNassim.ttf” )
format( “truetype” );
}
.page-id-1233 { font-family: “BBCNassim” !important;
}.page-id-1233 h1, h2, h3, h4, h5, h6, socket, footer, header, caption { font-family: “BBCNassim”, “Tahoma”!important;
}However I have a couple of problems. The font doesn’t appear on IE and FireFox and it is only good on Chrome. Also Icon Caption doesn’t use that font. How can I apply that font to the whole Farsi website? How Can I solve appearance problem in IE and Firefox?
3) In the Farsi version of my Home page there is a gap above my header which is back and as I start scrolling it becomes transparent. it doesn’t have anything to do with being logged in wordpress. I don’t have the same problem with English version. please help me correct this.
Hello Kriesi support,
Website: http://www.bardactest.dreamhosters.com
On all pages except the home page, my shrinking headers and “to top” arrow do not work. Any suggestions as to what might be causing this? I do see a small gray bar beneath the header that seems to shrink as I scroll the page down, but it’s not connected to the header. What .js or .css files are associated with these two features?
Don’t know if it is related, but my page does not recognize the top of the page as right beneath the header, but rather somewhere underneath it. For example, when you go to this page: http://bardactest.dreamhosters.com/smart-automation-overview and click the “drive.web Elements” link towards the top of the page, it puts the desired anchor at the literal top of the page rather than underneath the header.
Thanks!
– JulianTopic: one page layout
hey guys
have been using your theme for a while now and only have one question. is there any way to make the menu at the top act like this theme here : http://artbees.net/themes/jupiter-one-page/I want to be able to hit a menu selection and it scroll down automatically. is that possible? would love to be able to do that with your theme because I know it in and out now. let me know thanks
Hi there
We made some changes using custom css to increase the size of the top grey bar (where the social icons are). CSS below. A side effect of this is a semi-transparent area below the navigation covering the slider. I haven’t been able to find a fix for this as scrolling changes the size of the navigation area dynamically. Can you help?
.social_bookmarks {float: right;}
.sub_menu {left: 0 !important; right: auto !important; font-size: 110% !important; margin-top: -6px !important;}
.social_header .phone-info span {padding: 0 !important; margin: 0 !important; color: white;}
#header_meta {min-height: 50px;}
#top .social_bookmarks {height: 50px !important;}
#top .social_bookmarks li {width: 50px !important;}
#top .social_bookmarks li a {font-size: 150%; padding: 9px; color: white; width: 50px; min-height: 50px;}
.social_header .phone-info {font-weight:200;}Cheers
Topic: ScrollTo issues on IOS
Hi guys
I’ve set up a page with names anchor sections and added a left nav to link to those.
http://ordovas.jacl.co.uk/exhibition/chillida-on-miro/The header and my left nav are set to be fixed position so when you scroll down you always see the header and the left nav (once you get below the slideshow)
Works great on desktop but on IOS ipad 1 it works fine fi you scroll with finger
BUT if you use the left nav to jump to named anchor position you cant then click the left nav again and the fixed elements do not auto resposition until you touch the screen slightly with a finger and drag
I think this is the fix here http://stackoverflow.com/questions/7826868/fixed-position-navbar-only-clickable-once-in-mobile-safari-on-ios5
But if I need to add in some behaviour just before and after the jquery scroll to animation where can i do this in the theme files please
Jonathan
Topic: Woocommerce Coupon Applied
Hi
Thx for all the supportHow can I stop every coupon applied update showing up on woocommerce. I do not mind the cart update, but we use lots of coupons which are auto applied and they fill the screen and customers do not like scrolling through all of these
thx
Joe
Topic: scroll auto out of content
Hi
On this page
http://www.tavad.com/resultados-tratamientos-drogas/#tab-id-2
When loaded displays a horizontal scroll at the bottom is not necessary when you operate on the images disappear.
It could directly load the page without scrolling ?
Hi,
I am embedding an iframe on my website, but the iframe does not dynamically resize when viewed on mobile displays. Have tried the method of changing the width parameter in the iframe to 100% but it still doesn’t work.
Is there some code in the theme that is preventing the responsive change? Anyone able to help?
<div style=”width:100%; text-align:left;” ><iframe src=”www.example.com” frameborder=”0″ height=”1000″ width=”100%” vspace=”0″ hspace=”0″ marginheight=”5″ marginwidth=”5″ scrolling=”auto” allowtransparency=”true”></iframe>
<div style=”font-family:Helvetica, Arial; font-size:10px; padding:5px 0 5px; margin:2px; width:100%; text-align:left;” >Sell Tickets <span style=”color:#ddd;”>through</span> Eventbrite</div>
</div>Hello Support,
http://shelliv.bydecosta.com/blog/
On the blog page because there is a sidebar I copied the Form Code using FireFox Firebug and pasted the form content on the Footer “Footer – Column1″.
Is there an easier way to copy like a shortcode that are used in pages over to the widget like what is done on the page using the Avia Layout Builder.
Color Section
(2/5) column which is the text
<h3><span style=”color: #ffffff;”>Subscribe</span></h3>
<span style=”color: #ffffff;”>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore</span>(3/5) column which is the Gravity Forms Shortcode
[gravityform id=”1″ name=”Offer Free Value Signup” title=”false” description=”false” ajax=”true”]The code that I copied to the footer which I know is not the right way to do is:
<div class=”entry-content-wrapper clearfix”>
<div class=”flex_column av_two_fifth first avia-builder-el-3 el_before_av_three_fifth avia-builder-el-first “>
<section itemtype=”http://schema.org/CreativeWork” itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “><h3><span style=”color: #ffffff;”>30 DAY CHALLENGE</span></h3>
<p><span style=”color: #ffffff;”>Step outside your comfortzone today. </br>Sign up to receive my challenge kit.</span></p>
</div></section>
</div><div class=”flex_column av_three_fifth avia-builder-el-5 el_after_av_two_fifth avia-builder-el-last “>
<p></p><section itemtype=”http://schema.org/CreativeWork” itemscope=”itemscope” class=”av_textblock_section”><div itemprop=”text” class=”avia_textblock “>
<div id=”gform_wrapper_1″ class=”gf_browser_gecko gform_wrapper”><form action=”/blog/#gf_1″ id=”gform_1″ target=”gform_ajax_frame_1″ enctype=”multipart/form-data” method=”post”>
<div class=”gform_body”>
<ul class=”gform_fields top_label description_below” id=”gform_fields_1″><li class=”gfield gf_left_half gfield_contains_required” id=”field_1_1″><label for=”input_1_1″ class=”gfield_label”>Name<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”text” tabindex=”1″ class=”large” value=”” id=”input_1_1″ name=”input_1″></div><li class=”gfield gf_right_half gfield_contains_required” id=”field_1_2″><label for=”input_1_2″ class=”gfield_label”>Email<span class=”gfield_required”>*</span></label><div class=”ginput_container”><input type=”email” tabindex=”2″ class=”large” value=”” id=”input_1_2″ name=”input_2″></div><li class=”gfield gform_validation_container” id=”field_1_3″><label for=”input_1_3″ class=”gfield_label”>Name</label><div class=”ginput_container”><input type=”text” autocomplete=”off” value=”” id=”input_1_3″ name=”input_3″></div><div class=”gfield_description”>This field is for validation purposes and should be left unchanged.</div>
</div>
<div class=”gform_footer top_label”> <input type=”submit” onclick=”if(window["gf_submitting_1"]){return false;} if( !jQuery("#gform_1")[0].checkValidity || jQuery("#gform_1")[0].checkValidity()){window["gf_submitting_1"]=true;} ” tabindex=”3″ value=”Sign Up” class=”button gform_button” id=”gform_submit_button_1″><input type=”hidden” value=”form_id=1&title=&description=&tabindex=1″ name=”gform_ajax”>
<input type=”hidden” value=”1″ name=”is_submit_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ name=”gform_submit” class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_unique_id” class=”gform_hidden”>
<input type=”hidden” value=”WyJbXSIsImY5ODIwYzViMWVmMWJmMjAxNDM0MzMwYTA3Yzc1OGMyIl0=” name=”state_1″ class=”gform_hidden”>
<input type=”hidden” value=”0″ id=”gform_target_page_number_1″ name=”gform_target_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”1″ id=”gform_source_page_number_1″ name=”gform_source_page_number_1″ class=”gform_hidden”>
<input type=”hidden” value=”” name=”gform_field_values”></div>
</form>
</div>
<iframe id=”gform_ajax_frame_1″ name=”gform_ajax_frame_1″ src=”about:blank” style=”display:none;width:0px;height:0px;”></iframe>
<script type=”text/javascript”>jQuery(document).ready(function($){gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif’ );jQuery(‘#gform_ajax_frame_1’).load( function(){var contents = jQuery(this).contents().find(‘*’).html();var is_postback = contents.indexOf(‘GF_AJAX_POSTBACK’) >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find(‘#gform_wrapper_1’);var is_redirect = contents.indexOf(‘gformRedirect(){‘) >= 0;var is_form = !(form_content.length <= 0 || is_redirect);if(is_form){jQuery(‘#gform_wrapper_1’).html(form_content.html());jQuery(document).scrollTop(jQuery(‘#gform_wrapper_1’).offset().top);if(window[‘gformInitDatepicker’]) {gformInitDatepicker();}if(window[‘gformInitPriceFields’]) {gformInitPriceFields();}var current_page = jQuery(‘#gform_source_page_number_1’).val();gformInitSpinner( 1, ‘http://shelli.bydecosta.com/wp-content/plugins/gravityforms/images/spinner.gif’ );jQuery(document).trigger(‘gform_page_loaded’, [1, current_page]);window[‘gf_submitting_1’] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find(‘#gforms_confirmation_message’).html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery(‘#gform_wrapper_1’).replaceWith(‘<‘ + ‘div id=\’gforms_confirmation_message\’ class=\’gform_confirmation_message_1\” + ‘>’ + confirmation_content + ‘<‘ + ‘/div’ + ‘>’);jQuery(document).scrollTop(jQuery(‘#gforms_confirmation_message’).offset().top);jQuery(document).trigger(‘gform_confirmation_loaded’, [1]);window[‘gf_submitting_1’] = false;}, 50);}else{jQuery(‘#gform_1’).append(contents);if(window[‘gformRedirect’]) {gformRedirect();}}jQuery(document).trigger(‘gform_post_render’, [1, current_page]);} );} );</script><script type=”text/javascript”> jQuery(document).ready(function(){jQuery(document).trigger(‘gform_post_render’, [1, 1]) } ); </script>
</div></section>
</div>
</div>Thanks,
MPHi,
I have a full screen slider with an autoplay vimeo video, and all is fine.
However I would like the video to stop when the user scrolls away from it. Is there some way of achieving it?
We could write some JS code for it, but we are not sure what command to use to play/stop the video.
Can you help?
Cheers.

