Forum Replies Created
-
AuthorPosts
-
November 2, 2019 at 12:44 am in reply to: Adding captions underneath featured images on posts #1153166
Ok, that worked but I still have an issue, please.
When I turn on background of course it’s targeting just the background of the text, so not the element that is holding it. I’d like to be able to adjust either the padding or margins where the text sits – I’ve tried every possible combination and it’s still not moving, using span and p after and before the class, with and without spaces.
I made a div and gave it an id of fi-descr and placed it outside of the span class but that made the styling for the loop-index.php stop working.
What I need to do is be able to adjust the vertical spacing, top and bottom.
Thanks, again :)
November 1, 2019 at 11:56 pm in reply to: Popular tags widget not displaying the most popular tags #1153158Hi, Rikard
The option I mentioned worked except for the fact that it didn’t actually load the posts with those tags, so that was replaced with the second option, ie, the free simple tags plugin, which is working properly.
I do have another post connected to this dynamically generated page because the title for the page when the user clicks on a tag is a generic ‘Posts’. there are older posts here on Enfold that resolve this but not your latest version, so I’m waiting to see how to modify your newer code.
Here’s my post about the page titles –
https://kriesi.at/support/topic/change-page-title-for-tag-click-results/
October 30, 2019 at 9:30 pm in reply to: Popular tags widget not displaying the most popular tags #1152517Hello, Basilis
I found a great post that makes it really easy to adjust, so I wanted to share. I used the PHP version in the functions.php for my child theme, then simply added in the shortcode and it’s perfect! there are also 2 good plugins that are even easier to play around with :)
[wpb_popular_tags]
Here’s the article –
https://www.wpbeginner.com/plugins/how-to-display-most-popular-tags-in-wordpress/
<?php function wpb_tag_cloud() { $tags = get_tags(); $args = array( 'smallest' => 12, // default is 10 'largest' => 12, // default is 22 'unit' => 'px', 'number' => 30, // default is 10 'format' => 'flat', 'separator' => " ", 'orderby' => 'count', 'order' => 'DESC', 'show_count' => 1, 'echo' => false ); $tag_string = wp_generate_tag_cloud( $tags, $args ); return $tag_string; } // Add a shortcode so that we can use it in widgets, posts, and pages add_shortcode('wpb_popular_tags', 'wpb_tag_cloud'); // Enable shortcode execution in text widget add_filter ('widget_text', 'do_shortcode');
October 30, 2019 at 1:34 am in reply to: Adding captions underneath featured images on posts #1152214I cut the code from the first instance and added it to the second, as advised. I now see the text but I’m trying to target it and it’s impossible to see what element it is to style it. Could you please let me know how to style it? Thanks, again :)
October 29, 2019 at 9:05 pm in reply to: Both an HTML version and the mailChimp widget are not working #1152140No, all done, thanks.
October 28, 2019 at 6:51 pm in reply to: Both an HTML version and the mailChimp widget are not working #1151854Yes, I removed the widget. I gave up trying to debug the widget and kept the HTML code version, which is working properly.
I know that you are in Austria but I started this post on October 10 and I often wait days for a reply. I’d like to recommend that you have some people working on posts from North America, so different timelines. I’m in Vancouver, so PST, and waiting 6 days for a reply is not really efficient at all.
I do appreciate your help but please have some people working in other time zones :)October 24, 2019 at 12:29 am in reply to: Adding captions underneath featured images on posts #1150699Hello, Ismael
Thanks, but it’s still not working. Yes, I added in a caption, description, title and alt tag in the media library to the featured image. At around line 162 in the latest loop-index.php I’ve modified this in the parent theme – do I perhaps need to create a new functions.php for the child?
if ( !in_array( $blog_style, array('bloglist-simple', 'bloglist-compact', 'bloglist-excerpt') ) ) { //echo preview image if (strpos($blog_global_style, 'elegant-blog') === false) { if (strpos($blog_style, 'big') !== false) { if ($slider) $slider = '<a href="' . $link . '" title="' . $featured_img_desc . '">' . $slider . '</a>'; if ($slider) echo '<div class="big-preview ' . $blog_style . '">' . $slider . '</div>'; if ($featured_img_desc) echo '<span>'.$featured_img_desc.'</span>'; } if (!empty($before_content)) echo '<div class="big-preview ' . $blog_style . '">' . $before_content . '</div>'; } }
October 22, 2019 at 6:55 pm in reply to: Both an HTML version and the mailChimp widget are not working #1150265That looks good, but I just did a system update and still don’t see anything. It’s ok, though – as much as I’d like to completely debug this – I need to move on so will work with the HTML code in the footer instead, but thank you for the help, and please note that the widget issue is not resolved for me :)
October 21, 2019 at 12:29 am in reply to: Adding captions underneath featured images on posts #1149670I’m trying to do the same and tried all three options in the php and there is still no caption underneath the featured image. I’m using the elegant theme with fullwidth featured images on single posts. Thanks!
October 17, 2019 at 7:48 pm in reply to: Both an HTML version and the mailChimp widget are not working #1149022Ok, thanks, but on a Mac using the Firefox, Safari and Chrome, when I click on the subscribe button it does nothing at all. Are you using Windows?
October 15, 2019 at 8:28 pm in reply to: Both an HTML version and the mailChimp widget are not working #1148184Hello, Ismael
No, my question is about functionality, not styling.
Happily, my coded version (the top in the two footer column 2) is now working, so my only question is why is the default mailChimp widget (the one below in column 2) not working at all – if you click subscribe nothing happens – no errors. I have the coded version working properly so why is the widget not working, please?Ok, I’ve found a great option and have fixed this but want to share!
Instead of the default gallery (very minimal) I used a shortcode to use a masonry gallery instead and have adjusted a bit of css to make it look better, mainly because my client has captions of varying lengths. So all is well and this is done. Thank you :)
figcaption { text-decoration: none; font-size: 11px; line-height: 14px; font-style: italic; color: #666 !important; } .main_color .container .av-inner-masonry-content { background: #ebebeb !important; min-height: 70px !important; /* this makes a nice equal height for short and long descriptions */ }
October 8, 2019 at 7:14 pm in reply to: Elegant post style big preview images are cropped vertically #1146239Close away! :)
October 7, 2019 at 7:59 pm in reply to: Elegant post style big preview images are cropped vertically #1145890Works beautifully! Thank you so much :)
Perfect! Thank you, Nikko – all good here :)
Almost there!!! The last | separator for the search results is still showing. Please let me know what css that needs :)
In my enfold theme options / blog layout / blog meta elements – if I unchecked ‘blog post author’ as an example, save changes, the author meta was still showing. I just tried again and now it’s working for a regular single post, however, if I do a category search and select eg ‘oceania’, the author meta is still showing –
https://dev.latitude65.ca/category/destinations/oceania/
June 23, 2019 | 9 Comments | by Spice
One more quick question, please – what css would I use use to hide the last separator, eg –
August 11, 2019 | 39 Comments |
thanks again :)
Ok, I understand, but could you please let me know what you think about turning off meta elements in the blog admin area is not effecting a change?
Hello, Victoria
That makes sense but what code do I need, please? Also, I’ve tried to turn off and on meta in the blog admin area and it’s not effecting a change. Any ideas about that? :)
Sorry, I forgot to add a link to show you the search results (in private).
September 7, 2019 at 7:02 pm in reply to: Svg logo full width and full height of header centered above menu #1135467That’s perfect! Thank you so much :))))
September 3, 2019 at 7:40 pm in reply to: Svg logo full width and full height of header centered above menu #1133521Sorry for the lengthy delayed response! Now it’s perfect on desktop but I want it to be the same behaviour on mobile, ie, 300px high and cropped as you scale down, but with the burger centered, below. So I’d like to keep the logo 300px high, consistently, on all devices – cropping left and right is fine.
I had no idea that you could change the parameters for the svg with an editor! thank you, guenni007! I’ve edited the svg file, loaded it, and changed my custom height to 300px, so now the main menu is perfect on desktop! I also added in sizing for the image to make the svg show up –
.html_header_top.html_logo_center .logo { left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100% !important; /* required for svg */ height: auto !important; } .html_header_top #top .av_header_stretch .container { width: 100%; } .header_color img { width: 100% !important; /*required for svg */ height: 300px !important; margin: 0px !important; padding: 0px 0px 0px 0px !important; }
I removed the old css styling for mobile and simply copied the desktop css again to keep it exactly the same but now it’s defaulting to a long band of the entire logo with white space at a smaller breakpoint, and the burger is not below.
Here’s what I have for under 990px –
/* logo */ .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); width: 100% !important; /* required for svg */ height: auto !important; } .html_header_top #top .av_header_stretch .container { width: 100%; } .header_color img { width: 100% !important; /*required for svg */ height: 300px !important; margin: 0px !important; padding: 0px 0px 0px 0px !important; } /* burger */ .responsive #top #wrap_all .main_menu { left: auto; width: 100%; right: auto; } .responsive #top .av-logo-container .avia-menu { margin: 0 auto; float: none; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; left: 50%; transform: translateX(-50%); margin-top: 80px !important; } /* burger closed */ .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #666 !important; } /* burger open */ #top .header_color .is-active .av-hamburger-inner, #top .header_color .is-active .av-hamburger-inner::before, #top .header_color .is-active .av-hamburger-inner::after { background-color: #000 !important; }
Thanks again for your help! :)
August 29, 2019 at 7:05 pm in reply to: Svg logo full width and full height of header centered above menu #1132051Guenni007, the second option is perfect!!!!!
Quite frankly, it’s a very problematic logo on numerous levels, especially on screen! It’s much too panoramic so looks lost on mobile when the entire logo fills the top space. Since it’s also full of fine lines and a gradient, that all tends to get muddled. While the idea of the radiating bands is lovely, it’s really a print piece.
Thank you so much for the input! Could you please send me the css to apply your second option :)
August 28, 2019 at 8:20 pm in reply to: Svg logo full width and full height of header centered above menu #1131721I’m adding in the admin login so you can have a look as well :)
August 28, 2019 at 8:17 pm in reply to: Svg logo full width and full height of header centered above menu #1131720Thank you, Ismael, but it’s been set to that since the beginning, and the menu is still sitting over the header logo.
Guenni007 – since you are not a moderator how do I send you the password, please?
August 26, 2019 at 7:19 pm in reply to: Svg logo full width and full height of header centered above menu #1131086Sorry, but that didn’t work at all. The main menu is still placed directly over the vertical middle of the header logo, the breadcrumbs are still hidden underneath when the header loads, as well as a top portion of each page. I’m hoping that you can help me resolve this soon. If there was an easy way to place a fullwidth easy slider above the header area on every page, that would solve the issue, but I think that’s not possible?
August 23, 2019 at 5:41 pm in reply to: Change tiny up down arrow and vertical line in categories widget pulldowns #1130437If I’m stuck with it then so be it, thanks. You can close this 😁
August 22, 2019 at 6:22 pm in reply to: Change tiny up down arrow and vertical line in categories widget pulldowns #1130062Ah! No wonder I couldn;t find it! Too bad – thank you, anyway :)
August 21, 2019 at 6:41 pm in reply to: Svg logo full width and full height of header centered above menu #1129692Thank you! Almost there! I added in some vertical spacing for the burger as it was sitting centered over top of the logo/background, so I added this for the header height –
.responsive #top #wrap_all .av-logo-container { width: 100%; max-width: 100%; margin-bottom: 80px !important; /* adjust as required */ }
And this for the burger –
.responsive #top .av-main-nav .menu-item-avia-special { display: block; left: 50%; transform: translateX(-50%); margin-top: 80px !important; /* adjust as required */ }
So, all that is left is how to fix the main menu placement on the desktop version, please :)
August 19, 2019 at 9:38 pm in reply to: Svg logo full width and full height of header centered above menu #1129024I’ve removed that mobile css with the min height – it was copied from another site and this is still very much a work in progress!
Same for the About page – I’m rebuilding each page to remove the old Envira shortcodes and replace with your masonry gallery.
The main menu needs to sit properly, so below the header logo, not inside it. the mobile needs to be full width and height with a burger centered below.
I could fiddle and hide the header and use a fullwidth image and a secondary menu for the main pages but everything generated from searches or single post pages still need a proper logo, so that’s not a great option, since it’s a blog site.
Here are two screenshots. the first is the desktop and the second is mobile.Main menu needs to be below the header logoMobile header logo needs to fill space with burger centered below
Thanks again! :)
-
AuthorPosts