Hey Kriesi team,
I ned to revisit this topic because I thought I had the fix, but as it turns out I do not. I originally opened a tick (https://kriesi.at/support/topic/contact-from-not-scrolling-to-top) and in most current browsers that works perfectly. But in some older browsers, it does not. On my MacBook Pro (Safari 6.0.5 OS 10.8.4) but on my iMac (Safari Version 5.1.7 OS 10.6.8) I do not even see the scroll to top icon thus the fix does not work. Do you have any ideas? My client may be switching to Gravity Forms but I am concerned about that also if there is scrolling involved.
Thanks for the help,
Scott
Ok so i found this thread:
https://kriesi.at/support/topic/after-the-upgrade-pages-return-404-error
Where i downloaded the following plugin:
http://wordpress.org/plugins/rewrite-rules-inspector/
This fixed the problem, but then when I reactivated WPML they all broke again.
Any ideas ?
Hey!
See https://kriesi.at/support/topic/search-drop-down-titles – probably the thread answers your question too.
Best regards,
Peter
You can reposition the thumbnails with following css code (insert it into the quick css field and change the values). However I can’t promise that it will display fine on all screens…
.ls-fullwidth .ls-thumbnail {
top: 10px;
left: 100px;
}
1) You can use the filter to add new fonts. In functions.php replace
<?php
global $avia_config;
with
<?php
global $avia_config;
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Arvo'] = 'Arvo:400,700';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Arvo'] = 'Arvo:400,700';
return $fonts;
}
and instead of “Arvo” insert your font name. You can also change the font weight parameter. Afterwards select the new font from the dropdown (admin screen).
2) Insert following code into the quick css field
.template-page .entry-content h1, .template-page .entry-content h2, .widgettitle, .iconbox .iconbox_content .iconbox_content_title, .avia-icon-list .iconlist_title{
text-transform: none;
}
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