Hi Ismael,
I’m confused. I’m having the same problem I had last time I tried to do this. I’m going to explain in great detail so I can put this problem to rest. These three items below show you the three different ways I’ve been told to do this.
1. Peter’s post here https://kriesi.at/support/topic/adding-custom-social-icons/#post-170356 tells me that I do the following.
– edit register-admin-options.php
– edit functions.php
2. Dude then posted above “You don’t need to hack the theme files – please insert this code into the functions.php file:” https://kriesi.at/support/topic/adding-slideshare-to-header-social-icons/#post-200202
– this is telling me to edit the functions.php only NO editing of register-admin-options.php
3. You told me to:
– edit functions.php BUT you suggested different code than Peter’s post.
– register-admin-options.php
Conclusion:
– It appears to me there are three slightly different way s of accomplishing this task. I would like to find the simplest way possible to achieve this task. Would you PLEASE study these three ways and explain to me which is the best way? Talk to me like a baby. I really appreciate your time but this is a tricky one and quick comments have left me confused.
Question:
– I do not update the Enfold theme via FTP because doing so via the WordPress dashboard tend to restore more settings. Which of these files will remain after I do an Enfold update via the WordPress dashboard? Finding the simplest way to achieve my goal will mean that I have to restore less code after an update.
Thank you for your time, Jasmer
Thanks Dude, thanks Ismael!
I spent 2 hours trying to figure this out. All the existing posts I found said to just deselect or to set the drop down to the top option “select”. none of them said to select a different page for a blog. I didn’t think of trying that.
I might suggest that we add a bit of text in the layout builder that instructs the user how to do this. I watched the entire video and it said nothing about this.
Thanks guys for pointing me in the right direction, Jas
Hi Alcadis!
It’s actually not a theme problem but a limitation of The Events Calendar plugin. However I posted a workaround here: https://kriesi.at/support/topic/enfold-and-the-event-calendar-plugin/#post-174332
Cheers!
Peter
Hey!
I’ll suggest it to Kriesi :)
Best regards,
Peter
Hi!
You can extend the width with following code
.responsive #top #header_main_alternate .container {
width: 100% !important;
}
.responsive #top #header_main_alternate .container .main_menu {
width: 1030px;
float: none;
margin: auto;
}
Cheers!
Peter
Hey sineadh!
Please use this on Quick CSS:
#top form h3 {
font-size: 15px;
font-weight: 400;
}
Use this to change the color of the submit button:
.main_color input[type='submit'] {
background: red;
}
Regards,
Ismael
Hey!
Change the header type to “Header with Social icons and bottom navigation”. Edit header.php, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Below, you can add the banner code:
echo "<img class='header-banner' src='IMAGE URL HERE'/>";
Use media queries to resize the banner on different screen sizes.
Regards,
Ismael
Hey guys,
I have a three column portfolio an I am trying to change the top padding of each column individually, so the pics are more randomly distributed accross the page.
I managed to change the padding of the first column with this:
.no_margin.av_one_third.first {
padding-top: 120px;
}
but I cant address the second and the third column in the same way.. (trying to put .second and .third instead of .first)
this is my project site:
http://ernst-inc.com/mark-braun/
thanks for your help!
Mark
Hi Yigit,
Thanks for the email. Screensgots enclosed – The themes are Energy and Avada – both from Themeforest.
http://tinypic.com/r/28b8l06/8 and
http://tinypic.com/r/2u9obop/8
Cheers
M
No, I dont think this solves my problem.
In the topic you link to, the guy wants the logo to be bigger/smaller when scrolled.
To me it is perfect when scrolled. But I want the non-scrolled version to be wider :) (hight is not very important either).
One more… Am trying to set some padding underneath the logo. This is what I have which isn’t working.
.header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
padding-top: 4px;
padding-bottom: 9px;
min-height: 90px !important;
}
http://ecosenselighting.com
It’s the Dimming down to zero banner. It is in 2 places on the home page. I had tried it before and it worked. I think it stopped working when I updated the programming.
I found it in the meanwhile, deeply hidden in these forums.
It would be nice to search only in “enfold” forum. Is this possible any way to do advanced searches?
The older forum had more search functionality.
Thanks.
Hi guys,
I was looking through the forums for a similar issue but couldn’t seem to find anything that could help. I use the Gravity Forms plugin and I made a bunch of CSS changes in the “Quick CSS” section. Everything went well and the CSS worked just fine. I even tried it from a couple of different locations and different browsers, as well as on various mobile devices and it worked fine.
The strange part is, part of the changes stopped taking effect when I tried it the next morning. So I went in and hit the update button again. It seemed like it refreshed and looked fine on both Firefox and IE. A few hours later, it stopped showing some of the changes again. Now, after the refresh, Firefox seems to reflect the most current changes, but IE doesn’t anymore. I’m not sure why the CSS keeps resetting after a while. I still see the CSS changes in the Quick CSS section just fine.
Any help or advice is greatly appreciated.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .alternate_color.title_container .main-title a {
color: #000;
}
If that does not help, please point out the section.
You can go to Enfold theme options > Header tab and add your links in “Phone Number or small info text” section using HTML a tag ( http://www.w3schools.com/tags/tag_a.asp )
Regards,
Yigit
This reply has been marked as private.
Hi there,
I think I solved this problem for the iPad portrait mode thanks to the link Yigit gave me (https://kriesi.at/support/topic/navigation-menu-on-ipad-portrait-view/#post-216753). But the thing is that even on my computer screen if I reduce the window of the browser, there is a point where menu and logo get one into another… There isn’t this on the demo, the menu goes to “mobile menu” just before menu and logo get smashed together. Thanks for your help !
Marie
http://eq59799.amanda6.nfrance.com/
Hi
Thanks for responding.
The header is one image – Made up of some hexagons (in the top left corner) and 2 logos
I would like the header to fill the width of the top section of the website (as per the image). The hexagons should be in the top left corner – These line up with the Social media icons – so potentially I would have to make this graphic a transparent PNG?
I can’t get the header to fill that top section of the page – It appears as though there are some margin’s in the way. Could you help?
Thanks
Lili
P.S At the moment the graphic on the site isn’t the one with hexagons. I didn’t want to swap them over – because it would mean I had to leave the header looking awful on the site. – If you can’t do it without the other header in let me know and I can swap them round.
Hey!
Please add following code to Quick CSS as well and adjust as needed
#top #header .avia_mega_div > .sub-menu { border: 5px solid blue; }
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 767px) {
.responsive #top .mobileMenu {
font-family: 'Oswald', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}}
Cheers!
Yigit
Hi Mohan-Iyer!
Can you post a screenshot? Both of the links did not loaded.
Regards,
Yigit
Hi kahangabriel!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust the text as needed
#top .av-masonry-load-more { color: transparent; }
#top .av-masonry-load-more:before { content: 'Your new text'; color: black; }
Best regards,
Yigit
I guess I mean is there a way to have the MAIN menu be at the bottom of the page with a working drop-downs (which would really be drop-ups I guess ha)
Some themes have the option to have the logo, and main header section at the bottom, with the “full screen” slider taking up 98% of the top of the page… Just didnt know if there was a way via Quick CSS to put the main menu header at the bottom instead of the top…
Thanks,
Eric
thanks again.
the fullwidth easy slider element is doing the trick !!
but
.someclass { margin-top: -10px; margin-bottom: -20px; }
doesnt change anything if i put it in quick CSS.
i did this in general styling. should i have posted this in the individual quick CSS fields ?
Hey Justin!
Please add following code to Quick CSS in Enfold theme options under styling tab
.page-id-2 .content {
padding-top: 5px;
padding-bottom: 5px; }
Regards,
Yigit
Hello,
we have your Enfold theme installed and wanted to add a floating call-to-action button, but we are experiencing some troubles.
What we did is, we added a button in the quick css section and this is our code:
#beta .avia-button-center {
position: fixed;
top: 150px;
left: 85%;
z-index: 9000;
}
#beta {
margin-bottom: -50px;
}
The problem is, the button disappears behind images, jumps a few pixels while scrolling (in Chrome) or text bolds (in FireFox).
You can check it out at http://zebra.bi/
Any idea how to make a more stable version of a floating button?
Any help will be greatly appreciated.
Thank you, and awesome job on the Enfold theme, we love it!
Hi!
You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
Best regards,
Yigit
Ismael provided code that removes both image links, the first from the main blog page and the second from the full post page. Great!
Devin provided code that only removes the image link from the full post page in case you want only that link removed.
https://kriesi.at/support/topic/how-to-remove-a-link-to-the-original-image-from-a-featured-image/
#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}
Thanks to Ismael and Devin! Jas
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
1-
.content, .sidebar {
padding-top: 20px; }
2- Please refer to my post here to move breadcrumbs under page title as it is on Kriesi.at https://kriesi.at/support/topic/long-titles-overlapping-breadcrumbs/#post-195768
Cheers!
Yigit
Hi,
I was trying to fix some hatom feed errors by applying the logic from this discussion:
https://kriesi.at/support/topic/woocommerce-flashlight-product-rich-snippets/
or http://urbanstoic.com/how-to-fix-google-hfeed-or-hcard-warnings
or http://fivera.net/hatom-feed-hatom-entry-error-wordpress-solution/
But I am uncertain how this should be solved within Enfold.
Would you have some directions for this please?
Thank you,
Frank