-
AuthorSearch Results
-
January 31, 2016 at 3:50 am #575140
In reply to: make blog overview heading font bigger
Hey diefleischerei!
Add this to your custom CSS.
h2.post-title { font-size: 30px !important; }Best regards,
ElliottJanuary 31, 2016 at 12:42 am #575118Topic: Social icons column width
in forum Enfoldwayfareescort
ParticipantHi guys,
when using Google Page Speed/Insights, my website looses a couple of points as the different social icons are too close to each other and too small.
I have enlarged the icons by using this Quick-CSS:
#top .social_bookmarks li a { font-size: 18px; }
But how can I increase the spacing between the different icons?
Thank you so much in advance.
Best
UrsJanuary 30, 2016 at 3:55 pm #575019Topic: Required Some Help In Arabic Version
in forum Enfoldwebmaxtech
ParticipantHi,
Would you please clear few more points for Arabic version as below:
In footer i am using MyLiveChat section, can i change “Leave A Message” “Live Support” text from English to Arabic??
“http://www.filemban.com/ar/”i have change the language english to arabic, but one of my product page, there are issue with side bar, there are no spacing… would you please guide me how i will fix it.
“http://www.filemban.com/ar/?page_id=992”I want to increase font size for all web including header, footer links and content area, please guide me from where i can do this…
Regards,
A Hassan-
This topic was modified 10 years, 2 months ago by
webmaxtech.
January 30, 2016 at 2:03 pm #574994In reply to: How to use icons in custom HTML?
Hey thatryan!
Icons uploaded via Enfold options is usable via Advance Layout builder and via shortcodes.
If you need to access icons via shortcodes please click on the magic wand icon on the right and select content > iconsor use the following short code in your text box.
[av_font_icon icon='ue803' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color='' custom_class=''][/av_font_icon] SearchFirst install a
Regards,
VinayJanuary 30, 2016 at 1:18 pm #574987In reply to: interchangeability of themes
Hey!
1. using ALB on blog post or pages will leave you with short code for the whole page like below all your text, image links etc are all in this short code and it will display as text in the new theme. If you remove the short codes you get your original content back.
You will not get some features such as easy sliders, accordions and ton’s of other features as it differs from theme to theme. These things you have to re-do.
[av_textblock size=” font_color=” color=”] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock]2. You do get some of the control you want when you wish to change the blog settings please goto
Enfold > General Stylings >
Enfold > Blog Settings >Once you setup your site and If you tell us exactly what changes you need to make we will be able to point you in the right directions.
Hope this helps :)
Cheers!
VinayJanuary 30, 2016 at 3:45 am #574892In reply to: Full width slider looks bad in mobile
Hey bloodyamazing!
Add this to your custom CSS.
@media screen and (max-width: 500px) { .responsive #top .slideshow_caption .slideshow_align_caption h2.avia-caption-title { font-size: 12px !important; } }Regards,
ElliottJanuary 30, 2016 at 3:16 am #574877In reply to: Table press
Hi rafke!
It looks like it’s responsive but there is just too much content in there to fit on a small mobile screen. Try adding this to your custom CSS.
@media screen and (max-width: 767px) { th strong { font-size: 8px !important; } }Best regards,
ElliottJanuary 29, 2016 at 7:21 pm #574770Topic: top bar text size
in forum Enfoldcodecreative
ParticipantI am just wondering if im missing something.
The top bar that appears on the top of an enfold site above the logo area where social icons and phone number etc can live can be styled like other elements from the theme options. This is done by enfold theme settings, advanced styling, and selecting “Small bar above Main Menu”
It’s great I can set the text colour to white. So why can I not set a font size for this element but I can for the other elements?
This is not making sense. It seems stupid for the developer to leave this out so im sure im being stupid and missing something.
I can just style it with css using #top #header_meta .phone-info {font-size:16px}
But wondering if this is the right way as I can’t understand why this option isnt there for that one element. But is for other elements such as h1.
Please advise
January 29, 2016 at 6:43 pm #574747HI!
Thank it’s visible now, but for some reason it’s not clickable ? The widget is unchanged ?
code for the widget
[av_button label='Golfbaren GBG' link='manually,http://golfbarenallen.se' link_target='' size='medium' position='center' icon_select='yes' icon='ue881' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']Thanx!
January 29, 2016 at 5:11 pm #574680In reply to: Mobile only menu displayed below logo
Hi!
Please change the code to following one
#advanced_menu_toggle:before { content: 'Menu'; font-size: 18px; font-weight: 300; font-family: "Fanwood Text", arial, sans-serif; }Cheers!
YigitJanuary 29, 2016 at 4:56 pm #574665In reply to: Mobile only menu displayed below logo
Hi!
Please add following code to Quick CSS as well
#advanced_menu_toggle:before { content: 'Menu'; font-size: 18px; }Cheers!
YigitJanuary 29, 2016 at 4:38 pm #574644In reply to: Center icon and text
Hi Sasolini!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#text-11 .av_font_icon { left: 25%; position: relative; }You may need to adjust the value for different screen sizes
Regards,
YigitJanuary 29, 2016 at 12:38 pm #574452In reply to: Mobile Issue
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) { .avia-slideshow-arrows { display: none; } .slideshow_caption * { font-size: 12px; } }Cheers!
JosueJanuary 29, 2016 at 10:29 am #574407In reply to: FullWidth Easy Slider Enfold
Hi!
We are working on your ticket please wait while we update the results here soon.Since there is not enough room in the small screen the slider text is hidden in small screen you can enable it by deleting
” .slideshow_align_caption p { display: none !important; } ”
in the code below and please feel free to adjust the font size as required for different screen size.
/* Custom Slider fonts*/ @media only screen and (max-width: 1300px) { .slideshow_align_caption h2 { font-size : 32px!important; } .slideshow_align_caption p { font-size : 18px!important; } .slideshow_caption { width : 75%!important; } } @media only screen and (max-width: 768px) { .slideshow_align_caption h2 { font-size : 24px!important; } .slideshow_align_caption p { font-size : 14px!important; } .slideshow_caption { width : 75%!important; } } @media only screen and (max-width: 968px) { .slideshow_align_caption h2 { display: none !important; } .slideshow_align_caption p { display: none !important; } .slideshow_caption { width : 75%!important; } } .av_slideshow_full.avia-slideshow, .avia-slideshow-inner { min-height: 410px!important; min-width: 100%!important; overflow: hidden; } .av_slideshow_full.avia-slideshow img, .avia-slideshow-inner img{ min-height: 410px!important; min-width: 960px!important; }Best regards,
Vinay-
This reply was modified 10 years, 2 months ago by
Vinay.
January 29, 2016 at 9:21 am #574380In reply to: Font of H1-heading changes below color section
Hi Rikard.
Thank you for that code. Unfortunately it doesn’t solve the problem. The word on the homepage does become lighter, but not light like the others. And when I add a color section on another page, the h1 elements below still change. Additionally, on the page “Schularten” there is the same problem at the bottom of the page with the word “Weiterbildung” – and that word is unaffected by the code you sent.
The span, by the way, ist to make the words orange. It has nothing to do with the transformations, because I put it in after the change to black and normal font weight happened to not have a completely botched element design wise.
However, I just had the idea of modifying h1 elements in Custom CSS in General Styling and not in Advanced Styling: I added this code:
#top .entry-content-wrapper h1 {
font-size: 29px;
font-weight: lighter;
color:#e69600;
}This worked: The headings look the way I want (and all look the same!) and if I add a color section somewhere nothing changes.
I have another problem. though, that seems to be connected to the first one: At the bottom of those two pages I have text and next to it pictures or buttons. On my test-site, the pictures would not move below the text on mobile phones. While they do now, the buttons on the page “Schularten” stay to the right of the text even on an iPhone 5S. This is weird because while setting up that page I simply duplicated the elements and then adjusted colors etc. So there shouldn’t be anything special there.
Do you have any idea for this problem?
Thanks,
HelgeJanuary 29, 2016 at 8:58 am #574368Hey!
We modified the code a bit:
add_filter('ava_after_content', 'ava_after_main_container_mod', 20, 1); function ava_after_main_container_mod($the_id) { if(is_singular('post')) { echo do_shortcode("[av_postslider link='category,1,32,133,102,120,33,118,14' columns='4' items='8' offset='no_duplicates' contents='excerpt' preview_mode='auto' image_size='portfolio' autoplay='no' interval='5']"); } }Please add this in the Quick CSS field in order to fix the social share position.
#top .fullsize .template-blog .post .entry-content-wrapper .entry-footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #top .fullsize .template-blog .post .entry-content-wrapper .entry-footer .av-share-box { margin-bottom: 50px; padding: 0; }Best regards,
IsmaelJanuary 29, 2016 at 5:49 am #574323In reply to: Font of H1-heading changes below color section
Hi Helge,
Looks like that is a span inside an h1 element, I’m guessing that’s why it’s behaving differently that the others which are regular h1 elements. Please try the following in Quick CSS under Enfold–>General Styling:
#after_section_3 h1 span { font-size: 29px !important; font-weight: lighter !important; }Thanks,
RikardJanuary 29, 2016 at 3:57 am #574267In reply to: Secondary Menu size
Hey!
Add this to your custom CSS.
li#menu-item-2170 a { font-size: 22px !important; }Cheers!
ElliottJanuary 29, 2016 at 2:37 am #574243Topic: Add Class While Scrolling?
in forum Enfoldthatryan
ParticipantIs there a way to add a class like ‘is-scrolling’ to the header or html element? I need an in-between from the first load to the .header_scrolled class so I can adjust the height and font sizes of a widget in the header.
January 28, 2016 at 11:56 pm #574185Hey!
To give background color to header before scroll
Add this to Enfold > General Styling > Quick CSS
#header { background: rgba(0, 0, 0, 0.8); }If you increase the icon size the font size of the numbers also increase but try this CSS
.phone-info .av-icon-char { font-size 30px!important; }Regards,
VinayJanuary 28, 2016 at 9:14 pm #574085In reply to: change blog
Hi Alexander!
Please go to Appearance > Editor and open functions.php file and find and edit following line
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entriesthen regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
And then add following code to Quick CSS
.read-more-link { font-size: 20px; }Best regards,
YigitJanuary 28, 2016 at 3:49 pm #573789Topic: Logo overlaps menu when not in mobile
in forum EnfoldViuliloush
ParticipantHi,
I dont know what happened to my site, but the logo started overlapping the menu items. I had one of your team go through the site this past week for some other issue (here is the thread: https://kriesi.at/support/topic/several-questions-6/) and since then the logo really overlaps. I already tried playing with the container size and all that, but to no avail.
Is there any way you can help me solve this? I cant find a way to fix it, and we are going live with the site in couple of day
Thanks so much
Best Regards
Edit: I forgot to add something. I’ve added two login forms to open in a lightbox when you click on login ion the menu. The text seems to inherit the main theme font color, and I would need the buttons to have white text. I’ve tried:
#input.login_submit.newform {
color: #ffffff !important;
}but it doesnt help and still takes the inherited colour.
If you could kindly help me with this as well, i would really really appreciate it
-
This topic was modified 10 years, 2 months ago by
Viuliloush.
January 28, 2016 at 3:03 am #573419Hey mcraig77!
You can style the menu in Dashboard > Enfold > Advanced Styling.
Use this CSS to style it when scrolling down the page.
.header-scrolled a.avia-menu-text { } .header-scrolled a:hover .avia-menu-text { }Use this CSS for the phone number.
.phone-info span { font-size: 14px !important; color: white !important; }Regards,
ElliottJanuary 27, 2016 at 8:47 pm #573242mcraig77
ParticipantAhoy –
How do I change the background color of the bar when it is in the transparent header?
How do I change the text/icon color of the bar when it is in the transparent header?
How do I change the background color of the bar when it is in the normal (scroll down) header?
How do I change the text/icon color of the bar when it is in the normal (scroll down) header?
How do I change the font size of the phone number for both?
January 27, 2016 at 4:07 pm #572980In reply to: can i override border colors on a single page
Hi Vinay
I tried it and it did not seem to change it.
I placed the css at the end of the css that is already there. Here is what I have:
li#menu-item-145 {
background-color: #2f67b1 !important;
}
li#menu-item-85 {
background-color: #2f67b1 !important;
}
li#menu-item-84 {
background-color: #2f67b1 !important;
}
li#menu-item-83 {
background-color: #2f67b1 !important;
}
#header_main .container, .main_menu ul:first-child > li a {
min-width: 76px;
}
.main_color .avia-icon-list .iconlist_icon {
background-color: #2F67B1;
}
body {
font-size: 15px;
}
.page-id-274 .av_toggle_section {
border:none!important;
}
.page-id-274 .toggle_icon{
color:#2f67b1;
}January 27, 2016 at 1:31 pm #572844In reply to: Custom social media icons
Hi ive added the folowing:
[av_font_icon icon='ue8f3' font='entypo-fontello' style='' caption='' link='manually,http://facebook.com/' linktarget='' size='40px' position='center' color=''][/av_font_icon][av_font_icon icon='ue8fa' font='entypo-fontello' style='' caption='' link='manually,http://twitter.com/' linktarget='' size='40px' position='center' color=''][/av_font_icon][av_font_icon icon='ue8fc' font='entypo-fontello' style='' caption='' link='manually,http://linkedin.com' linktarget='' size='40px' position='center' color=''][/av_font_icon][av_font_icon icon='ue8f6' font='entypo-fontello' style='' caption='' link='manually,http://google.nl' linktarget='' size='40px' position='center' color=''][/av_font_icon][av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='manually,http://mailto:test.nl' linktarget='' size='40px' position='center' color=''][/av_font_icon]But the icons show bolow the other icon. not right next to them. And i would like to remove the underline whene they are linked
January 27, 2016 at 9:32 am #572692Topic: Special heading always appears italic
in forum EnfoldRJ
ParticipantHi,
Whenever i add a special heading the font style always appears as italic. I tried the solutions here: https://kriesi.at/support/topic/styling-special-heading-elements/ but without succes. Even with the code inspector i see the css rule states font-style: normal but the heading always appears as italic. How can i change the font size to normal? I even tried:
.av-special-heading {font-style:normal !important;} but no succes :(
Example: http://localmakers.nl/ in the left column you see all the heading in italic.
Thanks in advance!
January 27, 2016 at 7:54 am #572646In reply to: How can I add a slider on search results page?
Hi!
Unfortunately, adding the layer slider as shortcode is not going to work. You can append it on top of the search page but the slider will not initialized correctly. Example (functions.php file):
// add layer slider in search add_action('ava_after_main_title', 'add_layer_slider'); function add_layer_slider() { if( is_search() ) { echo do_shortcode("[ av_layerslider id='1']"); } }Please try to use this instead:
// add layer slider in search add_action('ava_after_main_title', 'add_layer_slider'); function add_layer_slider() { if( is_search() ) { $resources = "<link rel='stylesheet' id='layerslider-css' href='http://localhost/kriesi/enfold/wp-content/themes/enfold/config-layerslider/LayerSlider/static/css/layerslider.css?ver=5.6.2' type='text/css' media='all' /> <script type='text/javascript' src='http://localhost/kriesi/enfold/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/greensock.js?ver=1.11.8'></script> <script type='text/javascript' src='http://localhost/kriesi/enfold/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.6.2'></script> <script type='text/javascript' src='http://localhost/kriesi/enfold/wp-content/themes/enfold/config-layerslider/LayerSlider/static/js/layerslider.transitions.js?ver=5.6.2'></script>"; $script = "<script data-cfasync=\"false\" type=\"text/javascript\">var lsjQuery = jQuery;</script><script data-cfasync=\"false\" type=\"text/javascript\"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == \"undefined\") { lsShowNotice('layerslider_7_1','jquery'); } else { lsjQuery(\"#layerslider_7_1\").layerSlider({responsiveUnder: 1140, layersContainer: 1140, autoStart: false, startInViewport: false, pauseOnHover: false, twoWaySlideshow: true, loops: 1, keybNav: false, touchNav: false, skin: 'fullwidth', globalBGColor: 'rgba(255, 255, 255, 0.45)', navPrevNext: false, hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, thumbnailNavigation: 'disabled', lazyLoad: false, yourLogoStyle: 'left: 10px; top: 10px;', cbInit: function(element) { }, cbStart: function(data) { }, cbStop: function(data) { }, cbPause: function(data) { }, cbAnimStart: function(data) { }, cbAnimStop: function(data) { }, cbPrev: function(data) { }, cbNext: function(data) { }, skinsPath: 'http://www.saldaturacontrollo.it/wp/wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/'}) } }); </script>"; $output = $resources . '<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_one_full avia-builder-el-first container_wrap sidebar_right" style="height: auto;"><div class="ls-wp-fullwidth-container" style="height: 121px;">'.$script.'<div class="ls-wp-fullwidth-helper" style="width: 918px; height: 121px; left: 0px;"><div id="layerslider_7_1" class="ls-wp-container ls-container ls-fullwidth" style="width: 918px; height: 120.789px; margin: 0px auto; visibility: visible;"><div class="ls-inner" style="width: 918px; height: 121px; background-color: rgba(255, 255, 255, 0.45098);"><div class="ls-slide ls-animating" data-ls=" transition2d: all;" style="width: 918px; height: 121px; visibility: visible; display: none; left: auto; right: 0px; top: 0px; bottom: auto;"><img src="http://www.saldaturacontrollo.it/wp/wp-content/uploads/2016/01/news3.jpg" class="ls-bg ls-preloaded" alt="news3" style="padding: 0px; border-width: 0px; width: 1610.53px; height: 120.789px; margin-left: -346.263px; margin-top: 0.105263px;"><div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div><p class="ls-l" style="top: 56.3684px; left: -22.5474px; white-space: nowrap; width: auto; height: auto; font-size: 10.4684px; line-height: 11.2737px; padding: 0px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1); opacity: 1; visibility: visible;"><span class="slide-slogan2">I corsi in partenza e le nostre novità</span></p></div></div><div class="ls-loading-container" style="z-index: -1; display: none;"><div class="ls-loading-indicator"></div></div><div class="ls-shadow"></div></div></div></div></div>'; echo $output; } }Best regards,
IsmaelJanuary 27, 2016 at 2:35 am #572503Hi mmxvi!
You need to restore the frontpage from the restaurant one page demo without importing the demo again?
You can do this, http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/.
And then copy this into the editor on your page.
[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='5' control_layout='av-control-hidden' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption' custom_class=''] [av_fullscreen_slide slide_type='image' id='387' position='top left' video='http://' mobile_image='' video_cover='' title='Welcome to Enfold Restaurant' custom_title_size='' custom_content_size='16' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='About us' button_color='light' link1='manually,#about' link_target1='' button_label2='Reservations' button_color2='theme-color' link2='manually,#reservations' link_target2='' font_color='' custom_title='' custom_content=''] The best gourmet restaurant available in Manhatten Book online or call (555)123-4567 [/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='378' position='top left' video='http://' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_bottom' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content=''][/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='377' position='top left' video='http://' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_bottom' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content=''][/av_fullscreen_slide] [av_fullscreen_slide slide_type='image' id='375' position='top left' video='http://' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_bottom' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content=''][/av_fullscreen_slide] [/av_fullscreen] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/fruit_bg.jpg' attachment='384' attachment_size='full' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='about' custom_class=''] [av_heading tag='h2' padding='50' heading='About Us' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_half first] [av_heading tag='h2' padding='20' heading='A few words <strong>about us</strong>' color='' style='blockquote modern-quote' custom_font='#ffffff' size='' subheading_active='subheading_below' subheading_size='15' custom_class=''] Let us introduce ourselves [/av_heading] [av_textblock size='' font_color='' color=''] Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nullam sagittis. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Vestibulia Curae; Fusce id purus. <strong>Ut varius tincidunt</strong> libero. Phasellus dolor. Maecenas vestibulum mollis Lorem ipsum dolor sit amet, <strong>consectetuer</strong> adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis. [/av_textblock] [/av_one_half][av_one_half] [av_heading tag='h2' padding='20' heading='A place to wine, a place <strong>to dine</strong>' color='' style='blockquote modern-quote' custom_font='#ffffff' size='' subheading_active='subheading_below' subheading_size='15' custom_class=''] How it all came to be... [/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, <strong>consectetuer</strong> adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis. <blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</blockquote> Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half][av_hr class='invisible' height='50' shadow='no-shadow' position='center'] [av_gallery ids='387,382,381,375,376,377,378,379,380' style='thumbnails' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='portfolio' columns='9' imagelink='lightbox' lazyload='avia_lazyload' custom_class=''] [av_hr class='invisible' height='50' shadow='no-shadow' position='center'] [/av_section] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/wine-1500x1102.jpg' attachment='382' attachment_size='extra_large' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='menu' custom_class=''] [av_heading tag='h2' padding='0' heading='Our Menu' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='60' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [/av_section] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/fruit_bg.jpg' attachment='384' attachment_size='full' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' custom_class=''] [av_heading tag='h2' padding='25' heading='<strong>Menu</strong> of the day' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_fifth first] [/av_one_fifth][av_three_fifth] [av_catalogue ] [av_catalogue_item title='Sesame crusted scotch fillet' price='7.50$' id='379' link='lightbox' target=''] with honeyed Pedro Ximenez sauce and potato cake [/av_catalogue_item] [av_catalogue_item title='Roast Rack of Lamb' price='7.50$' id='375' link='lightbox' target=''] with herb crust and fruity mesclun salad and straw potato [/av_catalogue_item] [/av_catalogue] [/av_three_fifth][av_one_fifth] [/av_one_fifth][av_heading tag='h2' padding='25' heading='Break<strong>fast</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_half first] [av_catalogue] [av_catalogue_item title='Eggs Benedict' price='21$'] with either bacon or salmon [/av_catalogue_item] [av_catalogue_item title='Enfold’s famous Crepes' price='16$'] with fresh fruit, bacon and maple syrup [/av_catalogue_item] [av_catalogue_item title='French Toasted Brioche' price='17$'] with grilled banana, bacon, rosewater mascarpone and maple syrup [/av_catalogue_item] [/av_catalogue] [/av_one_half][av_one_half] [av_catalogue] [av_catalogue_item title='Low Carb Breakfast' price='13$' link='' target='' disabled=''] grilled chicken breast with veggies [/av_catalogue_item] [av_catalogue_item title='Bagel' price='8.50$' link='' target=''] with salmon, cream cheese and salsa [/av_catalogue_item] [av_catalogue_item title='American Pancakes' price='21$' link='' target='' disabled=''] with chocolate sauce or maple syrup, honey and cream [/av_catalogue_item] [/av_catalogue] [/av_one_half][av_heading tag='h2' padding='25' heading='Lunch<strong>Time</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_half first] [av_catalogue] [av_catalogue_item title='Spiced Pigeon' price='38$'] Ale & artichokes [/av_catalogue_item] [av_catalogue_item title='Ribeye Steak' price='42$'] Mushroom ketchup & fries [/av_catalogue_item] [av_catalogue_item title='Duck Breast' price='35$'] Smoked confit fennel & umbles [/av_catalogue_item] [av_catalogue_item title='Roast Turbot' price='22$'] Mussel & seaweed ketchup, salmon roe & sea rosemary [/av_catalogue_item] [/av_catalogue] [/av_one_half][av_one_half] [av_catalogue] [av_catalogue_item title='Linefish' price='27$'] Pan fried line fish, herbed nicola potato and mussel salad [/av_catalogue_item] [av_catalogue_item title='Autumn Lamb' price='33$'] Pan seared lamb loin, slow roasted lamb shanks [/av_catalogue_item] [av_catalogue_item title='Duck' price='75$'] Confit duck leg, mushroom and liver stuffing and onions [/av_catalogue_item] [av_catalogue_item title='Homedried Tomato' price='22$'] with sesame, aubergine puree and burnt aubergine jelly [/av_catalogue_item] [/av_catalogue] [/av_one_half][av_heading tag='h2' padding='25' heading='Wine <strong>Selection</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_half first] [av_image src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/wine-845x684.jpg' attachment='382' attachment_size='gallery' align='center' animation='pop-up' link='' target='' styling='' caption='' font_size='' appearance='' custom_class=''][/av_image] [/av_one_half][av_one_half] [av_catalogue] [av_catalogue_item title='Grechetto, Poggio Della Costa' price='23$' link='' target='' disabled=''] 2011, Umbria, Italy (B) 13|49 [/av_catalogue_item] [av_catalogue_item title='Muskateller, Heidi Schrock' price='45$' link='' target='' disabled=''] 2010, Neusiedlersee-Huggeland, Austria (B) 52 [/av_catalogue_item] [av_catalogue_item title='Posip, Zlatan Otok Winery' price='12$' link='' target='' disabled=''] 2012, Island of Hvar, Croatia (B) 53 [/av_catalogue_item] [av_catalogue_item title='Chenin Blanc, Nicolas Joly' price='33$' link='' target='' disabled=''] 2010, Loire, France (B) 65 [/av_catalogue_item] [av_catalogue_item title='Petite Chablis, F. Bachelier' price='32.90$' link='' target='' disabled=''] 2011, Chablis, France (O) 44 [/av_catalogue_item] [av_catalogue_item title='Prosecco, Jeio' price='22$' link='' target='' disabled=''] NV, Italy (O) 11|37 [/av_catalogue_item] [av_catalogue_item title='Cava Brut, Campasso' price='33$' link='' target='' disabled=''] NV, Spain (O) 11|41 [/av_catalogue_item] [av_catalogue_item title='Sparkling Rosé, Trevisio' price='44$' link='' target='' disabled='aviaTBaviaTBdisabled'] NV, Veneto, Italy (O) 11|41 [/av_catalogue_item] [av_catalogue_item title='Sauvignon Blanc, Urlar' price='23$' link='' target='' disabled='aviaTBaviaTBdisabled'] 2011, Wairarapa, New Zealand (B) 12|45 [/av_catalogue_item] [av_catalogue_item title='Pinot Grigio, Scarbolo' price='35.50$' link='' target='' disabled='aviaTBaviaTBdisabled'] 2012, Friuli, Italy (B) 12|45 [/av_catalogue_item] [/av_catalogue] [/av_one_half][av_heading tag='h2' padding='25' heading='Non alcoholic <strong>Beverages</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_one_third first] [av_catalogue] [av_catalogue_item title='7UP' price='3.90$'][/av_catalogue_item] [av_catalogue_item title='Root Beer' price='3.90$'][/av_catalogue_item] [av_catalogue_item title='Apple Juice' price='3.90$'][/av_catalogue_item] [av_catalogue_item title='Orange Juice' price='3.90$'][/av_catalogue_item] [/av_catalogue] [/av_one_third][av_one_third] [av_catalogue] [av_catalogue_item title='Coke' price='3.90$'][/av_catalogue_item] [av_catalogue_item title='Pepsi' price='2.90$'][/av_catalogue_item] [av_catalogue_item title='Red Bull' price='4.90$'][/av_catalogue_item] [av_catalogue_item title='Bitter Lemon' price='2.95$'][/av_catalogue_item] [/av_catalogue] [/av_one_third][av_one_third] [av_catalogue] [av_catalogue_item title='Crush' price='2.70$'][/av_catalogue_item] [av_catalogue_item title='Crystal Light' price='5.90$'][/av_catalogue_item] [av_catalogue_item title='Banana Shake' price='5.90$'][/av_catalogue_item] [av_catalogue_item title='Pineapple shake ' price='7.95$'][/av_catalogue_item] [/av_catalogue] [/av_one_third] [/av_section] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/pizza-1500x1000.jpg' attachment='379' attachment_size='extra_large' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='contact' custom_class=''] [av_heading heading='Contact us' tag='h2' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='60' subheading_active='' subheading_size='15' padding='0'][/av_heading] [/av_section] [av_section color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' id=''] [av_one_fourth first] [av_icon_box icon='ue808' font='entypo-fontello' position='left' title='Enfold Seattle' link='' linktarget='' linkelement=''] 4326 University Way NE Seattle, WA, United States (555) 345 888 <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a> [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='ue808' font='entypo-fontello' position='left' title='Enfold Dallas' link='' linktarget='' linkelement=''] 11311 Harry Hines Blvd Dallas, TX, United States (555) 389 976 <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a> [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='ue808' font='entypo-fontello' position='left' title='Enfold Detroit' link='' linktarget='' linkelement=''] 4870 Cass Ave Detroit, MI, United States (555) 389 976 <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a> [/av_icon_box] [/av_one_fourth][av_one_fourth] [av_icon_box icon='ue808' font='entypo-fontello' position='left' title='Enfold L.A.' link='' linktarget='' linkelement=''] 1818 N Vermont Ave Los Angeles, CA, United States (555) 774 433 <a href="mailto: (Email address hidden if logged out) ">LA@enfold-restaurant.com</a> [/av_icon_box] [/av_one_fourth][av_two_fifth first] [av_heading heading='Locations' tag='h3' color='' custom_font='' style='' size='' subheading_active='' subheading_size='15' padding='10'][/av_heading] [av_google_map height='300px' zoom='auto' saturation='' hue='#632200' mobile_drag_control='aviaTBmobile_drag_control'] [av_gmap_location address='4870 Cass Ave ' city='Detroit, MI' country='United States' long='-83.06618029999998' lat='42.35521869999999' marker='' imagesize='40' tooltip_display=''][/av_gmap_location] [av_gmap_location address='E Grand Blvd' city='Detroit' country='' long='-83.03965289999996' lat='42.3737628' marker='' imagesize='20' tooltip_display=''][/av_gmap_location] [av_gmap_location address='Dexter Ave' city='Detroit' country='' long='-83.1263045' lat='42.3829635' marker='' imagesize='20' tooltip_display=''][/av_gmap_location] [av_gmap_location address='Linwood Ave' city='Detroit' country='' long='-83.11450300000001' lat='42.382062' marker='' imagesize='20'][/av_gmap_location] [/av_google_map] [/av_two_fifth][av_three_fifth] [av_heading tag='h3' padding='10' heading='Get in touch' color='' style='' custom_font='' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha=''] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half'][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_half'][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' width=''][/av_contact_field] [/av_contact] [/av_three_fifth] [/av_section] [av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/restaurant_hotel_brown-1500x1000.jpg' attachment='380' attachment_size='extra_large' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='reservations' custom_class=''] [av_heading heading='Reservations' tag='h2' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='60' subheading_active='' subheading_size='15' padding='0'][/av_heading] [/av_section] [av_section color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' id=''] [av_one_half first] [av_heading tag='h2' padding='0' heading='Select a table & <strong>book now</strong>' color='' style='blockquote modern-quote' custom_font='#ffffff' size='' subheading_active='subheading_below' subheading_size='15' custom_class=''] We will confirm your order via E-Mail [/av_heading] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, <strong>consectetuer</strong> adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis. [/av_textblock] [av_contact email=' (Email address hidden if logged out) ' title='' button='Book now' on_send='' sent='Thanks you! <br/>Your reservation has been sent! <br/>You should receive a confirmation soon!' link='manually,http://' subject='' autorespond='We will confirm your reservation as soon as possible ;)' captcha='' color=''] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half'][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_fourth'][/av_contact_field] [av_contact_field label='Date' type='datepicker' options='' check='is_empty' width='element_fourth'][/av_contact_field] [av_contact_field label='Time' type='select' options='17:30,18:00,18:30,19:00,19:30,20:00,20:30,21:00,21:30' check='is_empty' width='element_fourth'][/av_contact_field] [av_contact_field label='Seats' type='select' options='1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20' check='is_empty' width='element_fourth'][/av_contact_field] [av_contact_field label='Table' type='select' options='Any,1,2,3,4,5,6,7,8' check='is_empty' width='element_fourth'][/av_contact_field] [/av_contact] [av_heading tag='h2' padding='0' heading='Order by <strong>Phone</strong>' color='' style='blockquote modern-quote' custom_font='#ffffff' size='' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_textblock size='' font_color='' color=''] Prefer to make your reservation via phone? <strong>Give us a call!</strong> You can contact us between 10am and 22pm ever day of the week. Our Phone number is <strong>(555) 784 332</strong> <strong>Opening hours:</strong> Mon – Fri, 10am – 12pm Sat – Sun, 11am – 04am [/av_textblock] [/av_one_half][av_one_half] [av_image_hotspot src='http://kriesi.at/themes/enfold-restaurant-one-page/files/2014/07/floor_plan.png' attachment='383' attachment_size='full' animation='fade-in' hotspot_layout='numbered'] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='25.9,19.3'] For up to 8 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='42.6,19.3'] For up to 8 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='28.9,54.9'] For up to 8 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='28.9,83.8'] For up to 8 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='50.3,43.8'] For up to 4 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='50.3,60.6'] For up to 4 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='50.3,76.2'] For up to 4 persons [/av_image_spot] [av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='transparent_dark' hotspot_color='custom' custom_bg='#724019' custom_font='#ffffff' custom_pulse='#a1300d' hotspot_pos='50.3,91.9'] For up to 4 persons [/av_image_spot] [/av_image_hotspot] [/av_one_half][/av_section]Cheers!
ElliottJanuary 27, 2016 at 12:01 am #572452In reply to: Contact form 7 half width
Hey Stefan!
As you’re using custom code it wouldn’t be possible for us to help you, instead i’d suggest you to use Enfold’s grid code with CF7, here’s all the CSS code you’d need for that:
.wpcf7-form, .wpcf7-response-output{ clear:both; } .wpcf7-form-control-wrap { display: block !important } .wpcf7-form p br{display:none;} .wpcf7-form label {display:block; visibility: visible; position: relative; } .wpcf7-form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;} .wpcf7-form p{ position: relative; clear:both; float:left; width:100%;} .wpcf7-form p.hidden{position: absolute; width:0px; left:0; top:0; } .wpcf7-form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;} .wpcf7-form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;} .wpcf7-form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;} .wpcf7-form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;} .wpcf7-form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;} .wpcf7-form .first_form{clear:both;margin-left:0;} #top .wpcf7-form .wpcf7-text, #top .wpcf7-form .wpcf7-select, #top .wpcf7-form .wpcf7-textarea{ width:100%; margin-bottom:0; display:inline; min-width:50px; padding:13px; border-radius: 2px; } #top .wpcf7-form .wpcf7-select{ -webkit-appearance: none; border-radius:0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC); background-position: center right; background-repeat: no-repeat; border-radius: 2px; } .wpcf7-form .button { margin: 0; padding: 16px 20px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 12px; min-width: 142px; outline: none; } .wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #top .wpcf7-form-control-wrap { display: block !important } #top .wpcf7-response-output{ float: left; padding: 17px; border-width: 1px; border-style: dashed; margin-left: 0; } #top .wpcf7-response-output.wpcf7-validation-errors, #top .wpcf7-response-output.wpcf7-spam-blocked, #top .wpcf7-response-output.wpcf7-mail-sent-ng{ background-color: #FFF8F4; border-color: #CDA18F; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; } #top .wpcf7-response-output.wpcf7-mail-sent-ok{ background-color: #E0F1B5; border-color: #8BAF5B; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; } #top .wpcf7-not-valid-tip { color: #EF5D4F; display: block; } #top .wpcf7-display-none{ display: none; }Once you added that re-adjust the HTML you’re already have, another thing you can do is create an Enfold contact form on a separate page, look at the generated HTML source and simply replicate it on CF7.
Cheers!
Josue -
This topic was modified 10 years, 2 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: Social icons column width
Hi guys,
when using Google Page Speed/Insights, my website looses a couple of points as the different social icons are too close to each other and too small.
I have enlarged the icons by using this Quick-CSS:
#top .social_bookmarks li a { font-size: 18px; }
But how can I increase the spacing between the different icons?
Thank you so much in advance.
Best
UrsHi,
Would you please clear few more points for Arabic version as below:
In footer i am using MyLiveChat section, can i change “Leave A Message” “Live Support” text from English to Arabic??
“http://www.filemban.com/ar/”i have change the language english to arabic, but one of my product page, there are issue with side bar, there are no spacing… would you please guide me how i will fix it.
“http://www.filemban.com/ar/?page_id=992”I want to increase font size for all web including header, footer links and content area, please guide me from where i can do this…
Regards,
A HassanTopic: top bar text size
I am just wondering if im missing something.
The top bar that appears on the top of an enfold site above the logo area where social icons and phone number etc can live can be styled like other elements from the theme options. This is done by enfold theme settings, advanced styling, and selecting “Small bar above Main Menu”
It’s great I can set the text colour to white. So why can I not set a font size for this element but I can for the other elements?
This is not making sense. It seems stupid for the developer to leave this out so im sure im being stupid and missing something.
I can just style it with css using #top #header_meta .phone-info {font-size:16px}
But wondering if this is the right way as I can’t understand why this option isnt there for that one element. But is for other elements such as h1.
Please advise
Topic: Add Class While Scrolling?
Is there a way to add a class like ‘is-scrolling’ to the header or html element? I need an in-between from the first load to the .header_scrolled class so I can adjust the height and font sizes of a widget in the header.
Hi,
I dont know what happened to my site, but the logo started overlapping the menu items. I had one of your team go through the site this past week for some other issue (here is the thread: https://kriesi.at/support/topic/several-questions-6/) and since then the logo really overlaps. I already tried playing with the container size and all that, but to no avail.
Is there any way you can help me solve this? I cant find a way to fix it, and we are going live with the site in couple of day
Thanks so much
Best Regards
Edit: I forgot to add something. I’ve added two login forms to open in a lightbox when you click on login ion the menu. The text seems to inherit the main theme font color, and I would need the buttons to have white text. I’ve tried:
#input.login_submit.newform {
color: #ffffff !important;
}but it doesnt help and still takes the inherited colour.
If you could kindly help me with this as well, i would really really appreciate it
Ahoy –
How do I change the background color of the bar when it is in the transparent header?
How do I change the text/icon color of the bar when it is in the transparent header?
How do I change the background color of the bar when it is in the normal (scroll down) header?
How do I change the text/icon color of the bar when it is in the normal (scroll down) header?
How do I change the font size of the phone number for both?
Hi,
Whenever i add a special heading the font style always appears as italic. I tried the solutions here: https://kriesi.at/support/topic/styling-special-heading-elements/ but without succes. Even with the code inspector i see the css rule states font-style: normal but the heading always appears as italic. How can i change the font size to normal? I even tried:
.av-special-heading {font-style:normal !important;} but no succes :(
Example: http://localmakers.nl/ in the left column you see all the heading in italic.
Thanks in advance!
