Forum Replies Created

Viewing 30 posts - 31 through 60 (of 430 total)
  • Author
    Posts
  • 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 :)

    in reply to: Popular tags widget not displaying the most popular tags #1153158

    Hi, 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/

    in reply to: Popular tags widget not displaying the most popular tags #1152517

    Hello, 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'); 
    in reply to: Adding captions underneath featured images on posts #1152214

    I 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 :)

    No, all done, thanks.

    Yes, 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 :)

    in reply to: Adding captions underneath featured images on posts #1150699

    Hello, 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>';
                }
            }

    That 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 :)

    in reply to: Adding captions underneath featured images on posts #1149670

    I’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!

    Ok, 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?

    Hello, 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?

    in reply to: Default post editor gallery images not fullwidth #1146334

    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 */
    }
    

    Close away! :)

    Works beautifully! Thank you so much :)

    in reply to: Show author meta in search results #1145886

    Perfect! Thank you, Nikko – all good here :)

    in reply to: Show author meta in search results #1145550

    Almost there!!! The last | separator for the search results is still showing. Please let me know what css that needs :)

    in reply to: Show author meta in search results #1145521

    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 :)

    in reply to: Show author meta in search results #1145400

    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?

    in reply to: Show author meta in search results #1145121

    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? :)

    in reply to: Show author meta in search results #1143910

    Sorry, I forgot to add a link to show you the search results (in private).

    That’s perfect! Thank you so much :))))

    Sorry 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! :)

    Guenni007, 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 :)

    https://webers-testseite.de/Latitude65logo2.svg

    I’m adding in the admin login so you can have a look as well :)

    Thank 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?

    Sorry, 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?

    If I’m stuck with it then so be it, thanks. You can close this 😁

    Ah! No wonder I couldn;t find it! Too bad – thank you, anyway :)

    Thank 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 :)

    I’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! :)

Viewing 30 posts - 31 through 60 (of 430 total)