-
AuthorSearch Results
-
January 6, 2014 at 6:44 pm #205929
Topic: Sticky/Fixed Widget in Sidebar not working in Chrome
in forum Enfoldeigenstil
ParticipantHello everybody!
This is a chrome only issue!
I installed the latest enfold Version 2.4.4 and I am trying to use a sticky/fixed sidebar. Therefor, I installed the q2w3 plugin: http://wordpress.org/plugins/q2w3-fixed-widget/
But there is an issue with displaying it. Whenever there is a slider on the page (or some other jquery going on) the sidebar “flickers”. It disappears and reappears in a certain interval. The interval is exactly the same interval as the slider-animation. Example: http://ec2-54-196-129-248.compute-1.amazonaws.com/flickering-sidebar/
When I have a page, whithout any jQuery, this “flickering” is not present. Example: http://ec2-54-196-129-248.compute-1.amazonaws.com/not-flickering-sidebar/
I searched the forum and found another topic with the same problem (https://kriesi.at/support/topic/floating-widget-using-q2w3-widget-is-not-working-in-chrome/#post-169162). I already inserted the advise CSS-snippet:
.avia_textblock, .avia-icon-list, .avia-button, .avia-testimonial, .iconbox, .avia_message_box, .avia-team-member, .widget, .post, .team-img-container img, .team-social, .iconlist_icon, .fallback-post-type-icon, .fullsize .related_posts, .grid-image, .avia-caption-content, .avia-caption-title, .entry-content-wrapper { -webkit-perspective: 1000; -webkit-backface-visibility: visible !important; }But this doesn’t help. As in the other topic the moderator gives the advice to install the newest version – we can definitly say, that this is NOT the solution.
So what can we do about this? any hekp is very much appreciated!
-
This topic was modified 12 years, 3 months ago by
eigenstil.
January 6, 2014 at 6:14 pm #205915Hey!
Please try adding !important to the code to force it as following
.post-entry-1195 .avia-builder-el-8 .avia_textblock b { float: left!important; margin-top: 6px!important; }It seems like it is not being applied. You can try adding the code to Custom.css file inside Enfold/css folder and flush browser cache and settings of caching plugin if you are using any and refresh your page a few times
Best regards,
YigitJanuary 6, 2014 at 6:10 pm #205912In reply to: WPML Language Selector for social nav
Hey!
It seems like code is not being applied. You can try adding !important to all custom CSS code to force them, for example
#top .sub_menu li ul { left: 0%!important; }Please flush browser cache and settings of caching plugin if you are using any and refresh your page a few times
Regards,
YigitJanuary 6, 2014 at 5:56 pm #205903In reply to: WPML Language Selector for social nav
Hi!
Please add following code to Quick CSS and adjust if needed
1-#top .sub_menu li ul { left: 0%; }2-
#top .sub_menu li li a { line-height: 20px; padding: 6px 18px; }3-
#top .sub_menu li li a { font-size: 11px; } #lang_sel_click li { width: 140px; }4-
.header_color .sub_menu ul { background-color: inherit; }Cheers!
YigitJanuary 6, 2014 at 5:44 pm #205898Hey creativeyes!
Please add following code to Quick CSS as well
1-.post-entry-1195 .avia-builder-el-8 .avia_textblock b { margin-top: 6px; }2-
.image_size_widget .news-thumb { height: 12px; width: 12px; } .news-thumb { min-width: 12px; min-height: 12px; }3-
span.author-box-name { margin-left: -65px; background-color: white; } .author-news-room .rounded-container { display: none; }Best regards,
YigitJanuary 6, 2014 at 5:23 pm #205893Hi David!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { margin-right: 10px; }Cheers!
YigitJanuary 6, 2014 at 4:29 pm #205865Hey deyowulf!
1) As far as I know this is a limitation of LayerSlider. It needs to change slides or refresh in order to re-adjust for a phone rotation.
2) Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.avia-blank { width: 101% !important; }Best regards,
DevinJanuary 6, 2014 at 4:24 pm #205864In reply to: Get rid of the lines under navigation
Hey!
Please add following code to Quick CSS as well
1- Please go to Appearance > Menus and click on Screen Options and check “Link Target” and then choose the menu items that you would like to open in new tab http://i.imgur.com/bOLs66V.jpg
2-#top .avia-post-nav { background: rgba(0,0,0,0.1); }This is default value, you can change rgb value to any color that you would like and 0.1 is opacity.
3-.image-overlay .image-overlay-inside { display: none; }4-
.sidebar_tab .tab_titles { width: 0%; }Regards,
YigitJanuary 6, 2014 at 3:55 pm #205851Topic: "Sortable" does not work in Porfolio Grid
in forum Enfoldvinipinelli
ParticipantHello, I performed all the new updates of WordPress. After finalizing the part of “Sortable” in “Portfolio Grid” stopped working.
Anyone know how to solve this problem and get back to normal?
My site is http://www.vinipinelli.com.br
Thank you very much
January 6, 2014 at 3:46 pm #205848In reply to: Space between layout elements
Hey CloudChoice!
You can add following code to Quick CSS
.content, .sidebar { padding-top: 50px; padding-bottom: 50px; }If that does not do it for you, please post the link to your website so we can provide you more accurate custom CSS code
Best regards,
YigitJanuary 6, 2014 at 3:10 pm #205829In reply to: ENFOLD – deactivate pagination in slider
Hey Maik!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .ls-bottom-slidebuttons, .avia-slideshow-dots { display: none; }Regards,
YigitJanuary 6, 2014 at 2:05 pm #205809Topic: Text Alignment, Small Squares in the footer & a Bio page
in forum Enfoldcreativeyes
ParticipantHi
Three hopefully simple amends I’d appreciate some help with:
1. A continuation of #203111, my client asked me to reduce the size of the three boxes and amend the text which has thrown out the alignment again. Please can you align it again ideally making the top of the text align with the top of the box.
2. Is it possible to reduce the two grey boxes next to the two news stories in the footer so that they are 30% of their current size? http://www.cambridgeespana.com/
3. On http://www.cambridgeespana.com/author/news-room/ please can you remove the ‘About’ before ‘News Room’ plus also remove the grey circle at the top of the page.
Once again many thanks for your help.
January 6, 2014 at 12:07 pm #205788Hi!
1) You can set a logo height for smaller screens with a media query – i.e. insert following code into the quick css field
@media only screen and (max-width: 767px){ .responsive .mobile_slide_out .logo img { max-height: 80px !important; } }2) The list item icons size won’t change – regardless of the screen resolution. The main reason is that the user wouldn’t be able to see the icon with a reduced font size.
3) The post slider image size changes because Kriesi turns a 4 column grid into a 2 column grid if the user views the website with a low resolution. The main reason is that a 4 column grid would make the content unreadable in certain cases. If you want to keep the 4 column structure insert following code into the quick css field
@media only screen and (max-width: 767px){ .responsive #top .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top .avia-content-slider-odd .slide-entry.slide-parity-even { margin-left: 4%; clear: none; } .responsive #top .slide-entry { width: 20%; margin-left: 4%; } }Regards,
PeterJanuary 6, 2014 at 12:02 pm #205787Topic: Wrong table visualization in Internet Explorer v2
in forum Enfoldcaroberto6
ParticipantDear Kriesi!
I’d like to inquire about my follow ticket:
https://kriesi.at/support/topic/wrong-table-visualization-in-internet-explorer/You closed the ticket, but your code didn’t work, and the problem still occurs. This means, you don’t know the solution, and I don’t ask you anymore about it, or you are thinking the answer in the background?
Thank you for your answer!
Regards:
RobiJanuary 6, 2014 at 11:44 am #205779In reply to: little problem list:/
Hi!
Re 1) Because the WooCommerce shop plugin uses a custom template for the shop pages and this custom template does not support our template builder. If you want to feature some products on the homepage you can use the “Product Slider” or “Product Grid” elements in your advanced layout. Combining the Layerslider with the shop page is not possible.
Re 6) If you just want to remove the sidebar on the blog page without extending the blog with use following code
#top.blog #main .sidebar { display: none; }If you want to use a white bg color for all table rows insert following code into the quick css field
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: #fff; }Re “The second point is that in Germany, the point “forward to card” always stands below right, not left. How can I just witch those two blocks with eachother? So that “calculate delivery charges” is always left and cart amount block is always right.” and “carting out the point “calculate delivery charges”.
We just use the default WooCommerce checkout template and you probably need to modify it somehow. If you purchased a woocommerce extension I suggest to contact the WooCommerce plugin developers ( http://www.woothemes.com/support/ ) – maybe they can help you for free. Otherwise you can try to hire someone to modify the checkout templates for you – i.e. here: http://www.microlancer.com/ or here: http://kriesi.at/contact/customization
The same applies to the carting out issue – you would need to modify the php code or write a js code to pre-select the right dropdown item. CSS won’t help in this case.
Regards,
PeterJanuary 6, 2014 at 3:46 am #205743Hi!
At this point you’ll need to wait for Facebook to re-pick up the correct data. I would recommend sticking with the WordPress SEO route as Yoast’s code and plugins are considered the top tier by most developers in proper SEO and even Social settings when using WordPress.
Edit – You can try forcing Facebook to refresh its content by throwing the url in their debug here; https://developers.facebook.com/tools/debug
Best regards,
Devin-
This reply was modified 12 years, 3 months ago by
Devin.
January 6, 2014 at 12:15 am #205704In reply to: Enfold > Blank page template > Alignment
Hi!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top.avia-blank #wrap_all { vertical-align: top; padding-top: 50px; }And adjust as you’d like.
Cheers!
DevinJanuary 5, 2014 at 11:38 pm #205700In reply to: Enfold > Blank page template > Alignment
This reply has been marked as private.January 5, 2014 at 11:25 pm #205699In reply to: Content slider height
Its taking effect but you need to pull the content slider up a bit for it to show fully. Like:
@media only screen and (min-width: 491px) { #top.home .avia-content-slider-inner { height: 50px !important; } } @media only screen and (max-width: 490px) { #top.home .avia-content-slider-inner { height: 100px !important; margin-top: -50px; } }January 5, 2014 at 10:53 pm #205695In reply to: Content slider height
Brilliant, thank you very much for your help.
That’s working perfectly for regular browsers, but under a certain width ~485 (or on mobile internet), the slider doesn’t expand to show all the text and this code doesn’t seem to have an effect. Is there different code for the content slider when on mobile or a very small browser?@media only screen and (min-width: 491px) {
#top.home .avia-content-slider-inner {
height: 50px !important;
} }@media only screen and (max-width: 490px) {
#top.home .avia-content-slider-inner {
height: 100px !important;
} }Thanks again,
RuthJanuary 5, 2014 at 6:40 pm #205615In reply to: Content slider height
Hey!
You can try something like this:
#top.home .avia-content-slider-inner { height: 30px !important; }And adjust the height as needed.
Regards,
DevinJanuary 5, 2014 at 6:29 pm #205607In reply to: Get rid of the lines under navigation
Hey Cdfb!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.header_color .main_menu ul:first-child >li > ul { border-top: none; }Cheers!
YigitJanuary 5, 2014 at 6:26 pm #205604Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { left: -4px; top: 75%; } #top .title_container .container { min-height: 70px; }Cheers!
YigitJanuary 5, 2014 at 6:26 pm #205603Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container .breadcrumb { left: -4px; top: 75%; } #top .title_container .container { min-height: 70px; }Cheers!
YigitJanuary 5, 2014 at 4:32 pm #205570In reply to: little problem list:/
This reply has been marked as private.January 5, 2014 at 1:34 pm #205549Topic: Get rid of the lines under navigation
in forum EnfoldCdfb
ParticipantHi there
I wonder if there is a way to get rid of the (blue) lines below the navigation on top.
My website is the following: http://pakka.studio-libelula.chThank you in advance!
January 5, 2014 at 12:47 pm #205538In reply to: Icon box cursor
Brilliant, thanks. That’s working now.
I also added the code below to have the same effect over the whole icon box rather than just the icon and title.
.iconbox_top .iconbox_content {
cursor: pointer !important;
}A related question:
Can I also remove the page references from the code I added to the avia.js file, which is below?
I.e. I want the change to apply to all pages on the site, but as the code I was given before included page refererences I just added all the relevant page references.jQuery(“.home article.iconbox, .page-id-15 article.iconbox, .page-id-35 article.iconbox, .page-id-542 article.iconbox, .page-id-468 article.iconbox, .page-id-114 article.iconbox, .page-id-17 article.iconbox, .page-id-19 article.iconbox,.page-id-53 article.iconbox, .page-id-55 article.iconbox, .page-id-56 article.iconbox, .page-id-21 article.iconbox, .page-id-69 article.iconbox, .page-id-23 article.iconbox”).each(function(){
var theLink = jQuery(this).find(“a”).attr(“href”);
jQuery(this).on(“click”, function(){
window.location.href = theLink;
});
});January 5, 2014 at 8:37 am #205519In reply to: little problem list:/
Hey!
1.) You can create a new shop page then insert the LayerSlider + Product Grid element. Deselect the page on Woocommerce > Settings > Pages > Shop Base Page.
2.) I don’t see the issue with the logo getting smaller but you can add this on Quick CSS:
.logo img { height: 97px !important; }3.) Change the variation select text using this:
#top .main_color select { color: red; }4.) Can you please post a screenshot?
5.) Add this to make the background transparent for logo/partner element:
#top .avia-logo-element-container .slide-image { overflow: visible; background: none; }6.) You can use this to change the blog background:
.blog .container.template-blog { background: white; padding: 0 20px; }Remove browser cache then reload the page a few times to see the changes.
Best regards,
IsmaelJanuary 5, 2014 at 8:16 am #205513In reply to: Logo cut off and mobile menu
Hey!
Please add this on your custom.css or Quick CSS to fix the logo:
@media only screen and (max-width: 767px) { .responsive .logo img { margin: 0 auto; max-width: 100%; width: 100% !important; position: relative; top: 15px; } }Did you modify anything on the theme files? The responsive menu is not showing. You have a lot of plugins installed, please try to deactivate them. See if it fixed the issue.
Best regards,
IsmaelHey!
I tried it on Quick CSS but it is not working. Do you have access to the custom.css? Please add Yigit’s and my code there:
.content, .sidebar { padding-top: 10px!important; padding-bottom: 10px!important; } body .column-top-margin { margin-top: 10px!important; }Edited: I added the changes directly on header.php and it seems to work now: http://www.gc-vitae.nl/
Best regards,
Ismael -
This topic was modified 12 years, 3 months ago by
-
AuthorSearch Results
-
Search Results
-
Hello, I performed all the new updates of WordPress. After finalizing the part of “Sortable” in “Portfolio Grid” stopped working.
Anyone know how to solve this problem and get back to normal?
My site is http://www.vinipinelli.com.br
Thank you very much
Hi
Three hopefully simple amends I’d appreciate some help with:
1. A continuation of #203111, my client asked me to reduce the size of the three boxes and amend the text which has thrown out the alignment again. Please can you align it again ideally making the top of the text align with the top of the box.
2. Is it possible to reduce the two grey boxes next to the two news stories in the footer so that they are 30% of their current size? http://www.cambridgeespana.com/
3. On http://www.cambridgeespana.com/author/news-room/ please can you remove the ‘About’ before ‘News Room’ plus also remove the grey circle at the top of the page.
Once again many thanks for your help.
Dear Kriesi!
I’d like to inquire about my follow ticket:
https://kriesi.at/support/topic/wrong-table-visualization-in-internet-explorer/You closed the ticket, but your code didn’t work, and the problem still occurs. This means, you don’t know the solution, and I don’t ask you anymore about it, or you are thinking the answer in the background?
Thank you for your answer!
Regards:
RobiHi there
I wonder if there is a way to get rid of the (blue) lines below the navigation on top.
My website is the following: http://pakka.studio-libelula.chThank you in advance!
