Forum Replies Created
-
Posts
-
Hi Andy,
as I said in my post before I did just add <center> and it works like a charm. Was just checking if this is the best way to do it.
And when I understand you correctly it is. So thank you very much for all the help.If you want to inspect it for yourself, the site is http://www.divalifestyle.com
Josue, you are the best! It works.
The code below doesn’t center the text / advertisement. When I add <center> to the text / advertisement it does. Is adding <center> to the text / code in the widget the best option?
/*positie header advertising widget*/ #header .widget { left: 50%; padding-top: 0; position: absolute; top: 0; transform: translate(-50%); }Hi Josue,
thanks once again for your fast response and your fix on my other question. Unfortonately this question is still open.
I see what you did and I tried that code aswell. This code puts the widget above my logo and it drops its content behind my logo (so this time not running over my content like before but hiding behind it). What I want is the widget in the ‘old’ location, beneath the menu bar, but I want it to push the content down so the header widget does not run over it.
I hope I can make clear what I’am trying to achieve with some screenshots posted in Private Content.
Cheers,
SebastiaanHi Josue,
this one works! Great. tnx!
Can you tell me what you changed so I can replicate it?Cheers!
SebastiaanDone, And while you are at it, can you please also take a look at my other question if you have the time? Found here: https://kriesi.at/support/topic/advertising-bar-below-menu/
Hi Yigit,
I had the header widget on, but didn’t put any widgets in it, because it is a live site. And because you and I are in different timezones I prefer not to have a live website with content from the header widget dropping over my content. I did however make a screenshot to show you what I mean. The content next to the red arrows should be above the picture. I have uploaded it to my site and put the link in the Private Conent Section below.
I hope this can show you what is wrong. I also do not mind to give you a temporary login to our site so you can see it for yourself in the backend.
Best Regards,
SebastiaanHi Ismael,
I am getting close, but I am not there yet. The code I used in functions.php
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }Which I find kind of strange because my menubar is below my logo. I added the widget area ‘header’ and it works. With your code I can position it centered below my menu bar, so I got that working.
There is only one problem. The content of the header widget drops over my main content. No matter which setting I change in your code.
Hi Yigit,
I saw that the link http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header didn’t show in the openingpost. But those are the instructions I followed. So I added the code to functions.php in my Child Theme and I added a widget area called Header. But it does not work. All it did was messing up my lay-out, so I had to delete it.
And because I want it on every page, always showing the same advertisement, I thought the best place to add it is just below the menu bar and just before the title / breadcrumb bar.
And if I get your solution right I have to edit every page, which is a problem, because most of my pages are ‘Archive pages’.
Hi Josue,
I’ve been trying to add an icon for Bloglovin to my site. I followed the instructions and got the .zip file uploaded and the icon working.
In the backend of my site i can only select it by selecting ‘Icon Label’ as the title of the icon. When I do this it does add the right icon to my site, but when I hover over it it says ‘icon_name’ instead of ‘Bloglovin’.I figured it had to do with changing ‘icon_name’ and ‘Icon Label’ in the code below. But as soon as I change any of these the icon on my site changes to a pencil and still displays ‘icon_name’ on hover over.
// Register new icon as a theme icon function avia_add_custom_icon($icons) { $icons['icon_name'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); // Add new icon as an option for social icons function avia_add_custom_social_icon($icons) { $icons['Icon Label'] = 'icon_name'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);Hi Ismael,
I’ve been combining some code and got it working. This is the final code I am using$authorlink = get_author_posts_url( get_the_author_meta( 'ID' ) ); $author = get_the_author_meta( 'first_name', $entry->post_author ).' '.get_the_author_meta( 'last_name', $entry->post_author ); $output .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time> / by <a href=". $authorlink . ">". $author ."</a>"; $output .= "</div>"; }Best regards,
SebastiaanHi Ismael,
I Thought i had it working, but now it does show the author name above the featured Image and on the home page I got all the names inside the header.The code I’ve got right now is:
$author = get_the_author_meta( 'first_name', $entry->post_author ).' '.get_the_author_meta( 'last_name', $entry->post_author ); $output .= "<time class='slide-meta-time updated' $markup>" .get_the_time(get_option('date_format'), $the_id)."</time> / by ".$author; $output .= "</div>";Best regards,
SebastiaanHi Andy,
thank you for your help! I got this part working. But now I’ve got an additional question. Is it possible to make the name of the author clickable so that when you click on it you go to the author page and see all the posts he/she added?
Regards,
SebastiaanHey Elliot,
is there a way to edit this in the child theme? Just to make sure I don’t need to edit it after updating the theme or wordpress?
Best Regards,
SebastiaanHi Yigit,
I used your code and gave it a try, but it didn’t work. It didn’t show the widget. Can you please help me out.
It looked like this:
in functions.php
function add_custom_code_head(){ ?> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div> <?php } add_action('wp_head', 'add_custom_code_head');and in the textwidget in the sidebar:
<div class="fb-page" data-href="https://www.facebook.com/divalifestyle" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>But when i put all this in the textwidget it works fine (without using functions.php):
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>Hi Jean,
tnx for the fast response. I’ve put the code inside the textwidget together with the FB like button code. Is it better to put the code in the header.php? And if so, how can i do this using a child theme? Just put it in the functions.php?
Regards,
SebastiaanHi Ismael,
I’ve been trying this for a few days now (on a local hosted site) and I just can’t seem to get it to work. When I add the code generated by Facebook and I put it in the text Widget it will only display a blockquote saying: Facebook – it just wont show the FB image and faces. The only way I got it working was trough some code I found online:
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>Is this the right way to do it?
