Hey!
You can add it on HTML tab – http://i.imgur.com/Bpxyoqp.png
Best regards,
Yigit
Hi!
You can do so using the plugin Devin suggested here – https://kriesi.at/support/topic/modify-minitext-in-blog-discussions/#post-258715
You just need to find the string and add more info to it
Regards,
Yigit
Hi TimoUrban!
Thank you for using the theme! Glad you like it.
Please try this on Quick CSS or custom.css:
@media only screen and (max-width: 480px) {
div.ls-wp-fullwidth-helper, #top .avia-layerslider .ls-wp-container {
width: 100% !important;
}
}
Remove browser cache then reload the page a few times.
Cheers!
Ismael
Hi Sean!
Thank you for using the theme.
This is not possible without modifying the theme files. Please edit js > avia.js, find this code on line:
scroll_top = $('#scroll-top-link'),
Below, add this code:
title_container = $('.title_container'),
Find this one on line 1218:
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/2;
header.addClass('header-scrolled');
}
Replace it with:
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
title_container.removeClass('title_container_fixed');
}
else
{
newH = el_height/2;
header.addClass('header-scrolled');
title_container.addClass('title_container_fixed');
}
On Enfold > Styling > Quick CSS, add this css snippet:
.title_container_fixed {
position: fixed;
top: 28px;
z-index: 1000;
width: 100%;
}
I hope that helps.
Best regards,
Ismael
Hi Sean!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.title_container {
position: fixed;
top: 35%;
z-index: 99;
width: 100%;
}
Please note that it may or may not cause issue, such as responsiveness.
Regards,
Yigit
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 768px) {
#header_main { height: 140px; }
.custom_content { top: 80px; }}
Best regards,
Yigit
Hi Josue, thank you, you’re probably right about this. I sent an e-mail to the maker of this plugin about this issue.
Hopefully this is not too off topic but is there any change to fix my question by just coding in PHP somewhere within the AVIA Layout Builder / code block?
Like this:
<?php
$id = ID#; /* which will be the page iid, e.g. 11*/
$p = get_page($id);
echo apply_filters('the_content', $p->post_content);
?>
Hei,
In case this falls out of the support scope, perhaps any participants could come up with a solution to this problem?
I am trying to apply shadow effect2 for a call-to-action element on my homepage ( http://www.paulund.co.uk/creating-different-css3-box-shadows-effects ).
Through the Avia Layout builder I have assigned the element a custom class called: my-call-to-action-element
The whole effect2 css code, which is shown on the website mentioned above, I then pasted in in my Quick CSS field like this:
#top .my-call-to-action-element
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;…………………..and so forth.
(I did cut out the initial code piece containing .box h3 and .box though, as they probably are inherited from the theme, and therefor not needed here).
However, it does not give any effect. I suspect that the selector .effect2 must be somehow included in html div class (like shown in the website mentioned above: <div class=”box effect2″>.
But I have no idea where I can find the file which includes the div classes for this call to action element? In case the custom css class field IS the div class of the element, I have also tried to assign the element a custom class called effect2 instead of my-call-to-action-element, but it didn’t help.
Any help will be highly appreciated!
Hi there,
I have some strange thing going on – and it is almost embarrassing to ask you out … ;-), but …
… the top bar on my site that contains the logo and main menu changes depending which language I choose. It is either white or blueish.
Now, I have checked all the General and Advanced Styling Options for both languages, but they are identical! I also verified the Header Layout.
I don’t know any more where to look at. Do you have any idea?
Here are the links to both language pages:
http://bit.ly/1u8f1im
http://inspiriting.biz/
Thank you,
Katrin
Hey guys
I’m trying to make the entire body background semi transparent, and the content elements floating on top (with full white background when text only). As in this example http://havnevigen2.dk/wordpress/?page_id=2316
I hope that you can point me in the right direction :-))
Thanks in advance
Martin from http://www.brandman.dk
Hi there,
first of all, I really love Enfold. It’s not only a great theme, it’s like an entire new WordPress. Keep up the good work!
I’d like to customize the look of the single post page. Besides choosing the position of the sidebar (left/right) I can’t find other options. I’d like to add a custom widget area on top of every blog post or add a slideshow (or even a Layerslider) on top of every post.
How can this be done?
Thanks!!
Thanks for your reply. I need it to always display rather than a drop-down. The only think I could come up with is making a widget for each section’s sub-nav, and placing this as content at the top of each page. This will involved cusomising quite a bit with CSS.
Hi!
I can now see your website, try with this code:
#top .main_menu li ul a { font-size: 16px !important; }
Regards,
Josue
Hey!
Add this too:
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px !important;
}
.av-main-nav > li:hover > a .avia-menu-text, .current-menu-item > a > .avia-menu-text, .av-main-nav > li:hover .current_page_item > a > .avia-menu-text{
color: #473226;
}
Best regards,
Josue
Hey, I don´t really lnow what happend but i justed clear the cache on my browser and everything it´s working fine right now… thanks any way
So there is no code or css that I can use to push the text down on a “single post” for when the user reads the full post entry to make room for the top social icons?
That fixed number 2 from above perfectly.
I just re-cleared all the cache so maybe it will work for you now.
1.If it cannot be done with code, putting 2 blank lines below makes it look near perfectly aligned on desktop and mobile. That would at least hold me over till you release an update with it native. It seems like every update you guys read my mind with cool features to add. haha
We’re close.
1. The only thing is that it didn’t push the top content down and it all overlaps. http://www.jaredburnettphoto.com/2014/04/03/devil-wears-prada-live-take-action-tour-winter-2014-pt-1photo-blog/ Is there anything else that can be added to get the text pushed down?
2. On a lesser note, Can the social icons be hidden until you get on that specific post? So not show on the blog page but show when the reader clicks on the blog and reads the full entry?
Thanks,
Hi,
I just executed the new update. After finishing installing, I see an error message at the top of our website that says
“Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘wpseo_frontend_head_init’ not found or invalid function name in /www/htdocs/w01080e8/treditionwp/wp-includes/plugin.php on line 429”
What do I have to do to solve the problem?
Regards,
Sandra
Hey!
You are welcome :)
I will close this topic for now. If you have any other questions or issues related with this topic, feel free to start a new one reference this topic.
Regards,
Yigit
Hi, I juste update to the last version and now all the Social Icons in the top menu, Cart Icon and Scroll to top buttons showing a text, also the search button.
Thanks for your help
Hey!
My bad :) Please add following code to Quick CSS instead
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}
Cheers!
Yigit
Hi!
Please add following code to Quick CSS as well
1-
body a, #top .comment_text {
font-size: 15px;
}
2-
.blog-tags, .blog-categories { pointer-events: none; }
3-
.main_color strong, .alternate_color strong { color: inherit !important; }
4-Please add following code to Functions.php file in Appearance > Editor
add_filter('avf_postgrid_excerpt_length','avia_change_postgrid_excerpt_length', 10, 1);
function avia_change_postgrid_excerpt_length($length)
{
$length = 55;
return $length;
}
5-
h1 { color: red !important; }
6-
h2 { font-size: 18px !important; }
Cheers!
Yigit
Hey!
To hide it add this to the Quick CSS:
#scroll-top-link{
display: none !important;
}
To hide it only in the home:
.home #scroll-top-link{
display: none !important;
}
To change when it appears you’d need to edit js/avia.js, line 1264:
if(st < 500)
Regards,
Josue
This reply has been marked as private.
Hi!
Did you added any custom CSS code to make any fonts italic? I am not sure which ones you would like to keep in italic and which ones in normal so i provide custom CSS code as you point out elements
.iconbox_top .iconbox_content { font-style: normal !important; }
Cheers!
Yigit
Hey!
Please add following code to Quick CSS as well
.iconbox_top .iconbox_icon { font-style: normal!important; }
Regards,
Yigit
Change the code to:
function after_head_image_func(){
echo "<div class='custom_content'><img src='_URL_'></div>";
}
add_action('ava_main_header', 'after_head_image_func');
Then add this to the Quick CSS:
.custom_content{
position: absolute;
top: 0;
right: 0;
}
Regards,
Josue
Hey 12Switch!
Please add following code to Quick CSS
#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont='entypo-fontello']:before { content: 'click'; font-size: 14px; }
#advanced_menu_toggle { line-height: 34px; }
Regards,
Yigit