Hi Guys,
You have a nice function here – https://kriesi.at/support/topic/change-logo-per-page/ – for using a different logo on individual pages.
Is there a way of doing this – url stem for example – for page hierarchies?
e.g. http://www.mysite.com/section1 and anything below it (www.mysite.com/section1/page1 etc) uses one logo and http://www.mysite.com/section2 and anything below it (www.mysite.com/section2/page1 etc) uses another?
Basically we want to use colors to differentiate sections so need different logo images for them.
Many thanks. M
When looking at the header the way it is now what I need to do is add 3 more text areas to the right of the logo.
Basically right now the header is set up with the logo is on the top left and there is a text box widget on the right. When I add additional text boxes in the header widget the text is not showing up in the header. When I add more text in the one existing text box it does not span across the header as needed.
I need the logo on the left as it is and a total of 4 text columns or areas on the right.
So how it currently has the logo and then phone number/free estimates – I need to add 3 additional phone number/free estimates wording in the header.
Vinay,
The link is below. You need to add an item to your cart. On top there’s a button that says ‘Verder winkelen’ which is continue shopping in English. It sends you back to the product, but I would like it to go back to the shop instead. If it’s not possible, no worries!
Kind regards
Tom
Hello there,
when I open the custom_css file via ftp under the theme Enfold, the only thing I get is :
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */}
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */}
this is not really what I was expecting. I would like to see the Enfold css file where I can find back the names/terms Enfold is using to describe something. I would like to copy a style rule from any of the css files and paste it in custom.css but I do not find the style rules of the css files. for Enfold.
f.eg. I would like to change the background-color of one page and I have tried several things in the simple custom css :
.body .page .page-id-38 {background-color : #cac8bc;}
.body .projects {background-color : #cac8bc;}
.container .projects {background-color : #cac8bc;}
also, instead of opening a new ticket, maybe I can add my other question here :
how do I add a font to Enfold (f.eg. the font DINBEK-Regular.ttf -> where do I upload this file ?)
thank you for helping me out,
Fabienne
-
This topic was modified 9 years, 1 month ago by
Yigit. Reason: moved logins to private content field :)
Scratch the above for the newspaper image issue – I have resolved this.
This topic can now be closed, but please do have a look at the WP Slider issue if you get a chance – it simply doesn’t work at all!
Thanks
Steve
Thanks for that – something simple that I should have picked up – sorry!
Any suggestions for the newspaper images as above?
Also, anything on the WP Slider not working issue? – https://kriesi.at/support/topic/layer-slider-issue-3/
Thanks in advance!
Steve
Hey web4698,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_main > .container {
height: 70px!important;
line-height: 70px!important;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 130px!important;
}
This will reduce the header size in all screens if you like to target tablets add the code inside a media query block :)
Best regards,
Vinay
-
This reply was modified 9 years, 1 month ago by
Vinay.
Hey!
hey ISMAEL!!!
But why did you do that?!
I just erase this css code in style css
I did it because I wanted to test if it’s the correct file server. The changes I created are not affecting the site “https://paumedeterre.fr”.
You are wrong it affect the production website (actually and until this afternoon website is in work (hide for public).
And you have rename for a second time the enfold file js who make disapered number under cat!!!! I redo it for second time.
Please see in private for clear detail
So can you fixe the “+/- button not desplay problem on all the website” before sunday?
The quantity buttons are not displaying even before I placed the css modifications. I can’t fix it because the changes that I put into the files are not taking effect in the frontend. Is there a server cache or did you subscribe to a cdn provider?
here you are write. It’s not because of you css modifications. This problem is THE problem because of why a opened this post.
Another time: yes it take effet on frontend. Please see in private for clear detail
And follow exactly this reffer:
https://kriesi.at/support/topic/conflict-between-woocommerce-measurement-price-calculator-and-enfold/
Everything work find now but the buttons + and – in between the quantity field has desaepeared.
Did you put the following code somewhere? I can’t find it in the child theme’s functions.php file.
add_action(‘init’, function() {
wp_dequeue_script( ‘avia-woocommerce-js’ );
wp_enqueue_script( ‘avia-woocommerce-child-js’, get_stylesheet_directory_uri().’/js/woocommerce-mod.js’, array(‘jquery’), 2, true );
}, 11, 1);
Yes I did. The snippet is activated on front and backend.
Sorry but we are a little stress because of +/- button not display
Hi,
I cannot see the issue in the link you provided so i’ll guess it’s because of the position relative.
However if you like to add phone number and contact info in the header area next to main menu enable header widget area http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
And add the code mentioned here check https://kriesi.at/support/topic/header-32/#post-733494
Let us know if you have any questions.
Best regards,
Vinay
Hi there!
I want to do this, I don’t have any buttons and need to make the Fullscreen Slider clickable both on desktop and mobile.
What should I do?
Thanks!
Hi,
We have added the below html code to Widgets > Header
<div class='widget-info'><a class='tel' href='tel:+44020886656666'> +44(0)20 8866 56666</a><a class='email' href= 'mailto: (Email address hidden if logged out) '>Send Email</a></div>
And the below css to Quick CSS section under Enfold > General Styling :
Please review the site and let us know how you like it :)
#top .main_menu{
margin-right:160px;
}
.widget-info .tel {
display:block;
clear:both;
}
#header_main .widget a {
color:#D6011F !important;
}
#header_main .widget {
clear:none!important;
top:50%;
transform:translateY(-50%);
right:0;
position:absolute;
line-height:30px!important;
text-align:center;
}
.main_menu {
clear: none;
position: absolute;
z-index: 100;
line-height: 30px;
height: 100%;
margin: 0;
left: 20%;
}
@media only screen and (max-width:989px) {
#header_main .widget {
right:90px;
}}
.widget-info .tel:before, .widget-info .email:before {
display: inline-block;
font-family: "dashicons"!important;
text-decoration: none;
speak: none;
position:absolute;
left: -20px;
}
.widget-info .email:before {
content: "\f466";
}
.widget-info .tel:before {
content: "\f525";
}
Best regards,
Vinay
-
This reply was modified 9 years, 1 month ago by
Vinay.
Hey Krzysztof,
Please try the following in Quick CSS under Enfold->General Styling:
.single-product-main-image .onsale {
top: 40px;
}
Best regards,
Rikard
Hi
The site I’m working on is:
In the Enfold Theme Options>Demo Import, I have imported the: Shop Demo
I have also installed the ShiftNav from SevenSpark (http://sevenspark.com/docs/shiftnav)
I’m curious to learn about how to have ShiftNav be the main menu in the Shop Demo that has been imported.
When I “click “Customize” in the WordPress toolbar at the top of the page, the options to customize the ShiftNav appear.
When I click “ShiftNav – Toggle Bar” > “Configuration” and check the “Display Toggle Bar” box, I then click “Save and Publish”
It says “Saved”
Then when I click on the “X” to close out the customizing, the ShiftNav menu is NOT “Saved”?
How can we fix this, so that ShiftNav is the primary menu in the Enfold Shop demo?
Thank you.
Hi Nadea,
Thanks for the feedback and for sharing your progress, we’ll keep the thread open for you in case you should need any further help on the topic.
Best regards,
Rikard
I figure out how to align it and change the font size by using the following custom css code :
.phone-info { font-size: 18px; }
div.phone-info {
position: relative;
top: 80px;
}
The problem is that now there is a huge white space between the top of the page and the logo. How can I reduce it so the logo and phone number are closer to the top of the page ?
Hi,
No problem, glad you got it working :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hello,
I have uploaded the “Shop” ENFOLD demo
How do I remove the top blue banner and the text that says “give us a call” on the home page?
Thank you
Hi,
No problem at all, let us know if you should have any further questions on the topic or if we can close it.
Best regards,
Rikard
Hi,
Thanks for the link. Please try the following in Quick CSS under Enfold->General Styling:
.av-image-caption-overlay-center {
vertical-align: top !important;
}
Best regards,
Rikard
Hi,
I can’t reproduce the scroll bar issue but the sticky contact form is located below the footer on IE 8, Windows 7. Please try this css modification in the Quick CSS field:
.avia-msie .wpcs-slide-out-div {
line-height: 1;
position: fixed;
z-index: 999999999;
height: 487px;
top: 10%;
right: -461px;
}
Or this code to completely hide it on IE.
.avia-msie .wpcs-slide-out-div {
display: none !important;
}
Best regards,
Ismael
Hi,
I have set the height of the header background on scroll to be 75px…which it needs to be. This appears to have caused an issue when using an anchor tag and scrolling to specific sections. The section being scrolled to partially slides under the header background by around 18px.
An example can be seen here: http://52.91.143.244/resources/ If you use the top navigation and click on any of the 3 submenu links under Resources you will see that section scrolls up a little too far. This isn’t a huge issue on this page but looking at the design files it will be an issue going forward.
Is there anything I can do to fix this?
Thanks,
Slade
Hi,
Where did you add the “more” (https://en.support.wordpress.com/more-tag/) tag? Please try to add the excerpt in the Excerpt metabox. If you can’t see that box, enable it by clicking Screen Options at the top right corner of the post editor.
Best regards,
Ismael
I am using Enfold 3.8.4 with WordPress 4.7.1(the issue started with 4.7) on 20+ sites (I have 23 licenses) and this behavior is consistent through all that use the lightbox option. I have a test site available if we need it but the easiest place to observe the issue is here: http://www.michaelalbany.com
Choose any gallery or just scroll down to Recent Work on the home page. Click on any image and it will popup as expected, in a lightbox. On a laptop, PC, iMac, all work perfectly. Do the same thing on an iOS based mobile device and the image disappears. When you touch the screen and scroll just a tiny bit it comes back and you can touch and drag to recenter the image. Tap the arrows for forward or back and the same behavior is repeated, image disappears and then comes back on touch & scroll.
I have tested this on both Chrome and Safari and it is the same on both. This is only on iOS though! I have a friend with an android and that seems to work fine. I checked with a friend over 2000miles/3200km away, same behavior on her iPhone and no problems on her boyfriend’s android. This happens on both iPad and iPhones using iOS 10.2, the latest updates on browsers, OSs, Enfold, and WP.
All are using Masonry Gallery.
More in Private Content
Hi,
The menu items are set to “buttons” so the advanced styling options are not going to take effect. Please try to modify the style in the Quick CSS field.
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background-color: green;
color: blue;
border-color: red;
}
Adjust the values as needed.
Best regards,
Ismael
Hey!
But why did you do that?!
I just erase this css code in style css
I did it because I wanted to test if it’s the correct file server. The changes I created are not affecting the site “https://paumedeterre.fr”.
So can you fixe the “+/- button not desplay problem on all the website” before sunday?
The quantity buttons are not displaying even before I placed the css modifications. I can’t fix it because the changes that I put into the files are not taking effect in the frontend. Is there a server cache or did you subscribe to a cdn provider?
And follow exactly this reffer:
https://kriesi.at/support/topic/conflict-between-woocommerce-measurement-price-calculator-and-enfold/
Everything work find now but the buttons + and – in between the quantity field has desaepeared.
Did you put the following code somewhere? I can’t find it in the child theme’s functions.php file.
add_action('init', function() {
wp_dequeue_script( 'avia-woocommerce-js' );
wp_enqueue_script( 'avia-woocommerce-child-js', get_stylesheet_directory_uri().'/js/woocommerce-mod.js', array('jquery'), 2, true );
}, 11, 1);
Please get a fresh copy of the theme then override your installation just to make sure that none of the files are modified.
Cheers!
Ismael
Hey!
I did the same on your site as well. Please review your website
Regards,
Yigit
Hey Tony,
Try adding this code in Quick CSS (located in Enfold > General Styling):
#main .container_wrap_first .content {
padding-top: 0;
}
Hope this helps :)
Best regards,
Nikko
Andy, thank you very much for your help: that works perfectly.
I added the following lines to fix the title width and to remove the thumbnail – perhaps it is useful for someone else
/* fix title width */
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
width: 150%;
}
/* remove thumb img */
#top .portfolio-preview-image .avia-gallery-thumb img {
display: none;
}
I thought it would be easier for you guys to have related questions in one place – ‘faster’ wasn’t a concern – but I’ll open separate tickets should I need more help in the future.
Feel free to close this ticket.
Peter
Hey all,
I am trying to get my ajax portfolio slideshow to use the fade transition instead of sliding. I was referring to the post below, but changing that setting didn’t do anything for me. https://kriesi.at/support/topic/ajax-portfolio-slideshow-fade/
Is there another way to do this?