-
Search Results
-
In reply to: Header size and spacing issues, easy to solve
Hi,
Please add following code to Quick CSS as well
.fixed_header #main { padding-top: 56px; }
#top .main_menu .menu li:first-child>a { line-height: 85px!important; }Regards,
YigitIn reply to: Reducing the top navigation height
Hi,
Please add following code to Quick CSS as well
.main_menu ul:first-child > li > a { line-height: 60px!important; }
This should do itRegards,
YigitHi ckerr44,
What may be happening is that the desktop user has narrowed their browser and the top menu (not the main menu) is too wide at that point and the whole layout doesn’t actually switch to the mobile layout until the browser is smaller so the menu items overlap.
Regards,
Devin
We are having a number of folks report that this page: http://ignatiansolidarity.net/iftj is switching to the mobile version on desktops and then showing a bunch of crazy code. It doesn’t happen all the time, nor does it seem specific to any one browser. Any idea why this might be happening?
In reply to: Shortcodes not rendering
It looks like the customization to your loop-index file has caused the default WordPress filters to stop getting added in. The default code for it does run through it and apply them here:
* ... last apply the default wordpress filters to the content */ $current_post['content'] = str_replace(']]>', ']]>', apply_filters('the_content', $current_post['content'] ));`
but something has caused this not to work on the child theme version from what I can tell.
In reply to: header customization
Hi suthye,
In your theme files add this into the desktop media query that we provided in that file as a base:
.sub_menu { right: 104px; } #top .social_bookmarks li { float: right; }This will get you most of the way there. The image in the first menu item can actually be placed right into that menu text in your menus manager to get the next bit of the effect you are looking for.
You could then also target the Contact us menu by its ID and give it a negative margin to push it over to the right and do the same on the social icons. The main issue will be keeping it all responsive and cross browser compatible but keeping your css changes for the desktop at least in the desktop media query (in the custom.css file) should help for the most part.
Regards,
Devin
Hi Bruno,
Not at the moment no. The HR element has a whitespace setting for top/bottom spacing but left/right spacing would need to be done with either css or maybe an image inside a column element depending on the layout.
Regards,
Devin
With regard to this site: pilgrimmanor.org
How do I remove the hover effect on a particular menu item in the top menu—in this case, the green button in the menu? WebKit Inspector tells me the 3px red bottom border is coming from the LI element, but I can’t seem to target it with any border-bottom or background-color styles.
Also: Is there a better way to target this particular menu item other than using its ID? If users rearrange the menu, the menu item’s ID may change, breaking the styles I’ve set here.
Hi dear
I want to make image menu instead of words, which have hover and active effect.
Below is my website.
http://interpeople.co.kr/wp/I used custom css as below,
—————————————————————————————————————————
.main_menu ul:first-child > li > a {
display:block;
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_bg_grey.png) no-repeat top;
}
.main_menu ul:first-child > li a:hover,
.main_menu ul:first-child > li.current-menu-item > a,
.main_menu ul:first-child > li.current_page_item > a,
.main_menu ul:first-child > li.active-parent-item > a,
.main_menu ul:first-child > li.active-parent-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block;
}
————————————————————————————————————————————————-Now, hover and active are well done.
But I have two problems.1) I want to use different background image for hover and active in each menu.
I tried to use menu id, but it did not work. ( ex: #menu-item-3964 .main_menu ul:first-child > li > a)2) I don’t want show this background image in sub-menu; you can find blue color background when you hover on sub-menu.
I need your help.
Thanks in advance.
Hi,
is there a possibility to insert whitespace in Avia Layout Builder with Drag & Drop? Can´t see anything, there is just the horizontal ruler…
Or is the only way to do this inside CSS?
If I use for example 2 Columns, one with 3/4 and one with 1/4, is there the possibility top insert a vertical ruler between them, I mean a ruler that is used for a layout with sidebar?
Regards,
BrunoI use WIndows 7 and Vista. When I tried screenr.com the website said, that they didn’t find Java on my laptop. Even though I installed it.
May it be a Java plugin problem? What environments does the Enfold theme need to work fully functional?
Hi,
I recently updated to the latest version of the Enfold theme and now some the Custom CSS I had inputed to change colours of heading etc is not working.
I had previously used the following codes to change the following elements
Heading colours – #top .entry-content h1 { color: #58585a; }
Blog post heading colour – .main_color .newsbox .news-headline {color: #58585a;}
Icon Box heading colour – .iconbox_icon.heading-color.avia-font-entypo-fontello {color: #58585a;}
Can you let me know why these codes would now not be working?
Thanks for your help!
In reply to: Reducing the top navigation height
In reply to: Reducing the top navigation height
In reply to: Reducing the top navigation height
Hi,
Please try adding following code to Quick CSS in Enfold theme options under Styling
#header_main .container { height: 60px!important; line-height: 60px!important; }
.fixed_header #main { padding-top: 60px; }
By default it is 88pxRegards,
YigitIn reply to: Justified image grid alignment for portfolio
Hi,
Masonry layout for blog is being considered. You can request it here https://kriesi.at/support/topic/enfold-feature-requests/
Regards,
YigitIn reply to: Header size and spacing issues, easy to solve
Hi,
Please add following code to Quick CSS in Enfold theme options under Styling
.content { padding-top: 10px; }
#header_main .container { height: 88px!important; line-height: 88px!important; }
#top .title_container .container { padding: 0; min-height: 36px; }Regards,
YigitIn reply to: Vimeao video autoplay in LayerSlider
For help, here is the HTML code with a strange ‘autoPlayVideos : true’ … and as you can see my iframe with “autoplay=0″.
Thanks for help.
<div id=’layer_slider_1′ class=’avia-layerslider main_color avia-shadow avia-builder-el-0 avia-builder-el-first container_wrap fullsize’ style=’height: 351px;’ ><script type=”text/javascript”>var lsjQuery = jQuery;</script><script type=”text/javascript”>
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == “undefined”) { lsShowNotice(‘layerslider_3′,’jquery’); }
else if(typeof lsjQuery.transit == “undefined” || typeof lsjQuery.transit.modifiedForLayerSlider == “undefined”) { lsShowNotice(‘layerslider_3’, ‘transit’); }
else {
lsjQuery(“#layerslider_3″).layerSlider({
width : ‘100%’,
height : ‘350px’,
responsive : true,
responsiveUnder : 1140,
sublayerContainer : 1140,
autoStart : true,
pauseOnHover : false,
firstLayer : 1,
animateFirstLayer : true,
randomSlideshow : false,
twoWaySlideshow : true,
loops : 0,
forceLoopNum : true,
autoPlayVideos : true,
autoPauseSlideshow : ‘auto’,
youtubePreview : ‘maxresdefault.jpg’,
keybNav : true,
touchNav : true,
skin : ‘fullwidth’,
skinsPath : ‘http://www-test.mines-telecom.fr/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/’,
globalBGColor : ‘transparent’,
navPrevNext : true,
navStartStop : true,
navButtons : true,
hoverPrevNext : true,
hoverBottomNav : false,
showBarTimer : false,
showCircleTimer : true,
thumbnailNavigation : ‘disabled’,
tnWidth : 100,
tnHeight : 60,
tnContainerWidth : ‘60%’,
tnActiveOpacity : 35,
tnInactiveOpacity : 100,
imgPreload : true,
yourLogo : false,
yourLogoStyle : ‘left: 10px; top: 10px;’,
yourLogoLink : false,
yourLogoTarget : ‘_self’,
cbInit : function(element) { },
cbStart : function(data) { },
cbStop : function(data) { },
cbPause : function(data) { },
cbAnimStart : function(data) { },
cbAnimStop : function(data) { },
cbPrev : function(data) { },
cbNext : function(data) { }
});
}
});
</script><div class=”ls-wp-fullwidth-container”><div class=”ls-wp-fullwidth-helper”><div id=”layerslider_3″ class=”ls-wp-container” style=”width: 100%; height: 350px; margin: 0px auto; “><div class=”ls-layer” style=”slidedirection: right; slidedelay: 13000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “>
<h1 class=”ls-s-1″ style=”position: absolute; top:80px; left: 300px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; text-shadow:0 1px 1px rgba(0,0,0,.7); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #ffffff; white-space: nowrap;”> Former </h1>
<h1 class=”ls-s-1″ style=”position: absolute; top:150px; left: 350px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 5000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Innover </h1>
<h1 class=”ls-s-1″ style=”position: absolute; top:210px; left: 410px; slidedirection : right; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 9000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Créer </h1>
</div><div class=”ls-layer” style=”slidedirection: right; slidedelay: 4000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “>
<p class=”ls-s-1″ style=”position: absolute; top:10px; left: 50px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; font-size:200px; opacity:0.2; text-align:right; white-space: nowrap;”> #1 </p><p class=”ls-s-1″ style=”position: absolute; top:90px; left: 100px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:50px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; white-space: nowrap;”> Premier </p><p class=”ls-s-1″ style=”position: absolute; top:150px; left: 100px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:30px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; line-height: 36px; “> groupe de grandes écoles d’ingénieurs et de managers en France </p><div class=”ls-s-1″ style=”position: absolute; top:15px; left: 550px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 2000; delayout : 0; showuntil : 0; z-index:10; white-space: nowrap;”> <iframe src=”http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0″ width=”515″ height=”289″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div></div></div></div></div></div><div id=’after_layer_slider_1′ class=’main_color container_wrap fullsize’ ><div class=’container’><div class=’template-page content twelve alpha units’><div class=’post-entry post-entry-type-page post-entry-734′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_third first avia-builder-el-1 el_after_av_layerslider avia-builder-el-first “>
<div class=”iconbox iconbox_left avia-builder-el-2 avia-builder-el-first “><div class=”iconbox_content”><div class=”iconbox_icon heading-color avia-font-entypo-fontello”>📖</div><h3 class=”iconbox_content_title”>A la une</h3><p>Click here to add your own text</p>
</div></div>In reply to: Vimeao video autoplay in LayerSlider
Hi,
I’m already using Enfold 2.1 (with WP 3.6.1)…
Could you could me a fixed IP (v4 or v6) in order to open to you an access to my test website ?
Thanks,
OliIn reply to: Reducing the top navigation height
This is the link to my website >>>> http://frontdesign.in/new/
Navigation currently has the default height provided with the themeIn reply to: "Private :" string in breadcrumb
Hi,
Yes, but our test site access is protected by IP address.
For a previous question (https://kriesi.at/support/topic/big-problem-of-menu-display-with-chrome-win-xp), I gave Nick an access.
You could access our site by using this IP address ou you could give me a fixed IP (v4 or v6). As you like, tell me.
Thanks
In reply to: Reducing the top navigation height
Hi This is a great theme, I really enjoy using it, However this time the client is asking me to make the main navigation of the website a little more sleek, I would like to reduce its height, Please Help me out
In reply to: How to adjust font size in widget?
This thread: https://kriesi.at/support/topic/anchor-links-in-fly-out-menu-not-working/#post-161566 should fix the issue.
You can use a font face generator like: http://www.fontsquirrel.com/tools/webfont-generator to generate your font files. Then copy the css code from the included css file (can be found in the zip file which is generated by the fontsquirrel generator) into your child theme style.css and place the font files (eot, woff, etc.) into the child theme directory. You can also add the code from this post: http://wpml.org/forums/topic/body-class-based-on-language/#post-18785
add_filter('body_class', 'append_language_class'); function append_language_class($classes){ $classes[] = ICL_LANGUAGE_CODE; //or however you want to name your class based on the language code return $classes; }to the child theme functions.php to add a language specific class to the body. Then you can apply the font face font to the Chinese version of the website only.
In reply to: Specific Website Questions
Hi,
1.) You can add this on your custom.css or Quick CSS:
@media only screen and (min-width: 768px) and (max-width: 989px) { .main_menu ul:first-child > li > a { padding: 0 8px; font-size: 12px; } }2.) It should be full width even when you shrink the screen. You can check the demo. Did you modify anything on the css? Please check LayerSlide WP > Slide > Global Settings > Slider width. The value should be 100%. and make sure that “Full-width slider” is on.
3.) You can add this on your custom.css or Quick CSS to adjust the table layout on mobile device.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .easy-table th, .easy-table td { padding: 3px; font-size: 10px !important; } .easy-table-header.tablesorter-headerDesc { width: 100px !important; } .easy-table-header.tablesorter-headerAsc .tablesorter-header-inner { width: 100px; } }4.) No, the feature is still not available. You can refer to this link: https://kriesi.at/support/topic/youtube-icon/
Regards,
IsmaelIn reply to: Top Navigation Issues
I’m still not able to acutally pull up the site either. I’m getting a 404 when trying to pull up any sub page and the index just pulls up the directory index with no content.
By default, your screenshots shouldn’t be happening so its a matter of finding what is causing things to act out of the normal setup.
Typically, this is how things go on initial install: https://vimeo.com/channels/aviathemes/64927356
The menu wrapping is a symptom of having too many menu items and the only solution outside of changing the number of menu items is to change when the menu switches to the mobile menu which can be changed following the steps here: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
Regards,
Devin
Viewing 30 results - 138,031 through 138,060 (of 141,304 total)
