Sidebar widgets under Genesis child theme

This topic contains 5 replies, has 3 voices, and was last updated by  oldmankit 9 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • #10757

    oldmankit
    Buyer
    Post count: 116

    On this listing detail page of my site the fontawesome icons appear to be broken on some browsers:

    • IE 11: nothing displays at all where the icon should be
    • Firefox 30.0 (Windows): I don’t even know how to describe what that is, so I’m attaching a screenshot.
    • Mobile Safari: no problems
    • Chrome for Windows: no problems

    I’m using a Genesis Childtheme and all my plugins are up-to-date. I’m running the Genesis Theme Compatibility plugin. I’m also using this custom code in functions.php, but I already checked that it’s not the cause of the problem:

    
    
    // remove the orginal action entirely
    remove_action('geodir_detail_page_sidebar', 'geodir_detail_page_sidebar_content_sorting', 1);
    
    // add a new action 
    add_action('geodir_detail_page_sidebar', 'geodir_detail_page_sidebar_content_sorting_custom', 1);
    
    // copy the orginal function, rename it and comment the code you wish to hide
    function geodir_detail_page_sidebar_content_sorting_custom()
    {
    	$arr_detail_page_sidebar_content =
    	apply_filters('geodir_detail_page_sidebar_content' , 
    					array( 	//'geodir_share_this_button',
    							//'geodir_detail_page_google_analytics',
    							'geodir_edit_post_link',
    							'geodir_detail_page_review_rating',
    							'geodir_detail_page_more_info'
    						) // end of array 
    				); // end of apply filter
    	if(!empty($arr_detail_page_sidebar_content))
    	{
    		foreach($arr_detail_page_sidebar_content as $content_function)
    		{
    			if(function_exists($content_function))
    			{
    				add_action('geodir_detail_page_sidebar' , $content_function);	
    			}
    		}
    	}
    }

    As you can see from the screenshot, the Genesis Theme Compatability plugin has not given the divs with class ‘geodir-company_info’ in the sidebar the additional class ‘widget’. This means they are not displaying in the same way (white background, padding etc.) as other sidebar widgets (e.g. “My Dashboard” – see screenshot). How would I add “widget” to these divs?

    #10760

    oldmankit
    Buyer
    Post count: 116

    I don’t seem able to edit the post any more. I forgot to credit the creator of that custom code, Paolo.

    #10761

    oldmankit
    Buyer
    Post count: 116

    Update: This problem is also effecting the page https://wpgeodirectory.com/

    In the top-right of that page is a link to “My Account”, and on either side are fontawesome icons (fa-user and fa-caret-down). They are garbled in firefox, at least the firefox I am running (garbled in the same way as they are in the screenshot I posted). I just disabled all plugins and extensions and still they are garbled.

    Is this just me?

    #10762

    John Allsopp
    Expired Member
    Post count: 399

    This is unlikely to be a problem with Genesis or the Genesis compatibility plugin. The core GD plugin is responsible for the content output within the sidebar.

    I am guessing that because the “geodir-company_info” items are not actually widgets, that it was decided not to apply that class to them. This can be a good thing as it allows you to style them differently if you like.

    The Genesis compatibility plugin does not contain any styling (very little anyway) because there are many scenarios with various themes being available, and i didn’t want to force styles that may be ok for some but not others.

    In your child theme you will just need to style those divs to make them similar to your other sidebar widgets – as a start you can add this:

    
    
    .geodir-company_info {
    	background: #fff;
    }

    I tried to view your site to troubleshoot the font-awesome issue but it is behind a maintenance screen – we would need you to add login details in a private reply to be able to look at this further – but from your image it looks as though font-awesome is not loading…

    #10804

    Paolo
    Site Admin
    Post count: 31206

    As far as awesomefont goes, I think there is a problem with your browser. Icons are displaying just fine on wpgeodirectory.com with any browser on my end.

    When I randomly get that problem (very rarely on firefox) and on any website, I just clear cache and problem vanishes.

    For the sidebar issue, I quote John’s explanation.

    Thx

    #10822

    oldmankit
    Buyer
    Post count: 116

    Thanks so much for your replies. I checked again today with Firefox and the problem has disappeared. I didn’t think of clearing the cache yesterday – perhaps that was it. I also installed the Fontawesome font on my computer, which may be related.

    I understand that I can add styling to

    .geodir-company_info

    , however, it’s not just the white background. There is padding and other possibly other styling, and since Genesis is responsive, this will change depending on screen size.

    One way to fix this is to find every instance of

    .widget

    in the Genesis childtheme stylesheet and add

    .geodir-company_info

    . That would probably work.

    I was hoping for a neater solution – adding

    .widget

    to the class of those asides. I haven’t been able to find documentation on GeoDirectory filters and hooks and such, which would have been my first place to look to try to find the solution myself. It may be easier just to solve this problem with the stylesheet.

Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket