Not sure why it doesn’t work in your case – the German translation file works just fine for me. You can try following:
1) Add following code to the po file:
# @ avia_framework
#: framework/php/function-set-avia-frontend.php:850
msgid "search results for:"
msgstr ""
# @ avia_framework
#: framework/php/function-set-avia-frontend.php:854
msgid "search result for:"
msgstr ""
and translate the strings with i.e. Poedit.
2) Generate a new po file with Codestyling: http://wordpress.org/plugins/codestyling-localization/
Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).
Hey!
I deleted the thread because it was a duplicate. I answered it here: https://kriesi.at/support/topic/side-menu-order
Regards,
Peter
He guys
Big issue here. On the front page, I have content and then a “color section”/parallax and then more content. When I add a sidebar to my page, it is placing it underneath the color section next to that content. I want it to be at the top with the content, before the page fold. WHat am I doing wrong?
Yes you can use the header-scrolled class to resize the image as soon as the user scrolls down. However it will “jump” a bit and you won’t get the same nice resizing effect with a fixed logo. Use following code to determine the “small” logo dimensuions
.header-scrolled .logo img {
width: 100px;
height: 100px;
}
Hi there,
Ive successfully implemented and using Bebas Neue on my website and it works on most browsers. Ive then attempted to use an additional google font (Allura) to do very occasional supplement titles. However, I just cant get it to work.
An example of it is in the parallax container on my home page (www.andypeck.co.uk) where ive added the words “A Bit on the side:”. Its fine on my Mac and laptop but it doesnt work on IOS or PC’s (chrome or Safari)
I gave it a class and called it up in the color container: thus…
<h6 class=”script_header” style=”text-align: left; margin-left: 150px; margin-top: -10px;”><span style=”color: #dcd6cb;”>A Bit on the side:</span></h6>
then in my CSS file I installed it thus:
@font-face {
font-family: ‘Allura-Regular’;
src: url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.oet’) format(‘truetype’),
src: url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.oet?#iefix’) format(’embedded-opentype’),
url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.woff’) format(‘truetype’),
url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.ttf’) format(‘truetype’),
url(‘http://www.andypeck.co.uk/wp-content/themes/enfold-child/fonts/Allura-Regular.svg.svg#Allura-Regular’) format(‘svg’);
font-style: normal;
}
finally, I setup the parameters with the following:
h6.script_header {
font-family: Allura-Regular,Geneva,Arial,Helvetica,sans-serif !important;
font-size:3.5em;
font-weight: 200 !important;
}
Any suggestions as to why it wont work on PC & IOS? I’m guessing ive done something but I can’t see the wood for the trees.
Cheers as always
Andy
Thats great, thank you.
Is it possible to resize on scroll still?
Hi there,
I recently had help from you guys to get a logo into my web site’s socket. I think I may have closed the topic prematurely…
Ive implemented the logo in the footer.php (as instructed) and it appears frame left which is great. However, on the right side I want to implement a secondary text nav. Unfortunately, the logo space (IN WHICH THE LOGO SITS) now appears to stretch the entire width of the socket, thus forcing the socket nav down onto a second line beneath the logo.
You can see what I mean on my site: http://www.andypeck.co.uk
Cheers
Andy
1) You must add px or % to your width/height attribute. Just 230 is not a valid syntax and it must be 230px or a % value.
2) You can’t do this if your logo has a relative position. A solution would be to set the position to “fixed” with following css code
.logo img {
position: fixed;
width: 230px;
height: 230px;
}
Maybe you need to use a media query to set the position to “relative” on small screens – otherwise the logo is not “responsive”.
@media only screen and (max-width: 768px) {
.logo img {
position: relative;
}
}
Please make sure that the “compatibility view” mode is turned off. Another user reported similar issues and it turned out that he/she used the compatibility mode which can break the website easily (because the browser tries to “emulate” another browser engine – https://kriesi.at/support/topic/the-solution-for-problems-with-ie-compatibily-view-just-the-opposite ).
Hello Ismael,
Thanks for the quick reply.
This works for the wide screens, but not for the smaller resolution on smartphone. it is placed outside the screen.
Maybe a seperate code for that?
i also see that the top address/tel info on the smartphone screen is not align vertically in the center can you fix that as well?
erik
It is possible to restrict certain LayerSliders to certain kind of pages? Because when I create several LayerSliders and set the autoplay option, it plays all the slider, even those that I don’t want to show.
Thank you.
Hi,
Edit a page or portfolio item, look for the Advance Layout Editor on top of the editor. If you can’t find it, click Screen Options > check the Avia Layout Editor. That is the new template builder for the Enfold theme. Learn more about the theme here: https://vimeo.com/channels/aviathemes
Regards,
Ismael
Hi,
1.) To change the social icons color:
#top .social_bookmarks li a {
color: white;
}
2.) Icon list color, you can use this
.avia-icon-list .iconlist_icon {
background-color: red;
}
3.) Can you give us a screenshot of what you want to do?
Regards,
Ismael
Hi,
Footer widget title:
#footer .widgettitle {
color: white;
}
Current Menu item color:
#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
color: white;
}
Regards,
Ismael
Hi,
1) Do you mean like on this page? http://kriesi.at/themes/enfold/shortcodes/ without the bullet points?
2) The easiest thing to do would be to modify the css of existing buttons and replace them with your css so that you can use the same shortcode. There are many button sizes, The css that styles the buttons is located in /css/shortcodes.css on lines 2459 and in many other places. There are a number of plugins both free and premium that allow easy creation of shortcodes.
3) Which text on which page do you want to change?
4) https://kriesi.at/support/topic/adding-custom-icons This post has examples and link to other examples.
5) http://wordpress.org/plugins/header-login/ Please try this plugin for login.
Thanks,
Nick
Hi,
You can adjust the padding:
#top .main_menu .menu li ul a {
padding: 4px 15px;
}
Adjust the 4px.
Regards,
Ismael
Hi,
There is the “Add Form” button on top of the editor. Click it then select the form. Copy the shortcode then place it on a Text block. :)
Regards,
Ismael
Hi,
You can edit footer.php, find this code
<span class='copyright'><?php echo $copyright . $kriesi_at_backlink; ?></span>
Add this code on top of it:
<?php echo '<div id="footer-logo"><img src="IMAGE LOGO HERE"></div>'; ?>
Regards,
Ismael
Hi stunna42,
As Dude said you can use that link to create a control-less iframe code that can then be added in as an iframe.
Also note our support queue goes by oldest response in a topic first. So self bumping just pushes the topic to the end of our queue.
Regards,
Devin
Just advising that I’ve solved the issue with the following tweaks.
I was able to identify the elements that needed tweaking:
1) Header block with logo and social/contact info above is now static and “sticky” by choosing Fixed heading in the theme settings. Following code was to fix.
#header {
position: fixed;
}
/* fix the height of the header block and lock it down */
#header_main .container {
height: 82px !important;
line-height: 82px !important;
}
2) Text colour was thru theme settings, but had to apply the following changes:
/* Social Icons & Contact
*/
/* put the icons on the right */
#top .social_bookmarks li {
float: right;
}
/* move the contact # left of the icons */
.sub_menu {
right: 70px;
}
.social_header .phone-info {
color: #5f5e5e!important;
font-size:1.2em;
font-weight:normal;
}
Thanks to the tips on the Avia Menu at https://kriesi.at/support/topic/avia-menu-repositioning#post-124971 I was able to place the menu block exactly where I wanted it, aligned to the bottom of the header block in line with the baseline of the logo. A few tweaks were needed to move the menu indicator as well through the .avia-menu-fx tag.
/* Main menu position
*/
.main_menu {
height:25px;
top:55px;
}
.main_menu ul li a {
height: auto !important;
line-height: 20px !important;
}
.main_menu ul:first-child > li > a {
padding:0 7px;
}
.main_menu .menu ul {
margin-top:8px;
}
.avia-menu-fx {
bottom: -8px;
}
Edit – screen shot of the result after the above tweaks.
Hi Günter,
I don’t have any ideas other than what is already in place with the contact form shortcode/layout element. I’ve tagged the topic for the head of support as well but it isn’t something I know of a simple way to add in.
Regards,
Devin
Hi murattemel,
Looking at your site right now there is no header at that blog link. There is still of course the whole title container but the breadcrumbs, title and title container which holds both are separate items.
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.blog .title_container {
display: none;
}
Which removes the entire title container.
Regards,
Devin
Your best route would be to inspect the code generated using dev tools (either Firebug or Chrome’s inspect element) and then you can target what you need.
IE:
#top .widget_nav_menu li.current_page_item a {
color: red;
}
The selector will always start with #top .widget_nav_menu and then its just a matter of if you want to also get the list item with a specific class or another sub element after that.
Hi Marketingnetwork,
I’ve tagged the topic for the head of support as I thought it had been fixed as well. Hopefully Peter can shed some light on whats happening on your install.
Regards,
Devin
I got some ideas that i can use this them for all my Projects ;) I know its so much. But Enfold have the best Page builder i ever worked. :D
1) for Pages, Posts and Also Archive Pages the option to change the header BG color and Image like colorShemer element. Is it possible for the next update? I dont wanna use another Theme… Like this examples http://artbees.net/themes/jupiter/blog/ http://artbees.net/themes/jupiter/pages/faq-page/ http://artbees.net/themes/jupiter/features/
2) Admin Option to set the layout for Portfolio Category Pages
3) Admin Option to set Globally -> Related and latest Posts for Portfolio or Blog Single Sites
3) Icons Box -> options for size, color, Background-color – squared or circle or transparent
4 a) New Isotope Fullwidth Layout for Page Builder also for Archives Pages (Portfolio and Blog)
for Example http://pixelgrade.com/demos/senna/portfolio/
4 b) Isotope Gallery for Example http://pixelgrade.com/demos/senna/portfolio/the-mille-miglia/
5) Category Pages for Portfolio http://pixelgrade.com/demos/senna/portfolio_categories/design/
6) Pre Header with collapsble Responsive Menu like Main Menu -> like This http://themes.jozoor.com/?theme=Invention-HTML
Best Naci
Thanks Ismael,
It worked for me, I just had to add !important to the styling:
@media only screen and (min-width: 1024px) {
/* Add your Desktop Styles here */
#menu-item-2606 {
display: none !important;
}
}
One more thing: what I’m hiding here is a fourth column in a mega menu. The result is that the other three columns now show up spreaded over the space for four columns. Is there a way to avoid this?
Regards,
Daniel
Hi,
Just creating a site using Enfold – love it.
Just a quick couple of questions that I haven’t been able to find complete answers for on your forum.
1. I have changed the color of the top bar to black and shifted the social icons to the right. What I would like to do is change the ‘normal’ color of the icons – i.e. what they look like when you go to the page and don’t put your mouse to them – to the individual colors that show now in hover state eg twitter blue, facebook blue, email green etc so that there is a pop of colors in that right hand corner. I’d then like to change the hover state to either a slightly brighter or maybe lighter version.
2. How do I change the css so that the icon list icons are the same colour as the icon box icons instead of the dull grey color they are by default?
3. Also, can I change the color of the individual icon list icons so that they match the color of the social icon ones. EG make Twitter twitter blue, facebook facebook blue etc?