Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1944563
Blank square icons
Closed

Comments

  • mazhendy started the conversation

    Just purchased Soledad today and still customizing everything. However, I have the following two problems, which I couldn't solve myself:

    When I visit my website, all icons look like blank squares (social media icons, burger menu icon, back to the top arrow, drop-down arrows in the main menu, etc.). This happens when you first land on the website. But if you click any internal link and visit a post or a page, all icons change to look normal with their respective designs.

    IMPORTANT NOTE: This bug only started to happen after I installed and activated Polylang plugin. But I read that Soldedad is compatible with Polylang, so I that encouraged me to buy Soledad.

    Another issue is the alignment of social icons and search button in the main menu of the Arabic version of the site. However, when I visit the English URL of the site, the alignment of social icons and search button looks perfect in the main menu. This a link to the English version: http://www.hipowerventures.com/en/

    I have attached a couple screenshots to help explain the problems.

  •  2,699
    PenciDesign replied

    Hi,

    1/ I see your site can't load FontAwesome because CORS policy. Have you use SSL for your site? If yes, seem SSL is your issues.. Quite much customers using our theme with Polylang with out this issue, so I think that's not issues with Polylang.

    Please try install plugin Really Simple SSL to fixed your issues with SSL.

    2/ Please try add more this code to Customize > Custom CSS to fixed that issue:

    body.rtl #navigation.header-4 #top-search, body.rtl #navigation.header-5 #top-search{ margin-right: 15px; }
    body.rtl #navigation.header-4 .main-nav-social, body.rtl #navigation.header-5 .main-nav-social{ margin: 0 30px 0 0; }
    

    Best Regards,

    PenciDesign

  • mazhendy replied

    Hello,

    1/ Thank you for pointing me into the right direction. I use SiteGround Optimizer plugin. So, in the plugin I forced secure HTTPS connection. That solved the problem and now I don't seem to get the blank icons anymore. (Solved)

    2/ I added the code you suggested and now the Arabic navigation menu looks a lot better. Thank you! The theme looks amazing has great under-the-hood options. (Solved)

    3/ When I visit my site from a mobile device, I can navigate to a category and then tap a post thumbnail to visit the post. That is doable only in the English URL. But when I visit the Arabic URL hipowerventures.com and select a category, I can't visit a post by tapping its thumbnail. I have to actually tap the title of the post!

    4/ If you take a look on my bbpress forums from a mobile device, you will notice that the user images cover the topic titles and make it impossible for the reader to read the title of the topic. Also the width of the forum content doesn't fit into the mobile screen. In other words, the content is wider than screen. So in the case of the Arabic language, the "'Submit" button is partially invisible.

    Thank you in advance, your help is much appreciated.

  •  2,699
    PenciDesign replied

    Hi,

    3/ Please try add more this code to Customize > Custom CSS to fixed that:

    @media only screen and (max-width: 767px){
    .penci-grid li.list-post .item .content-list-right {
        clear: both;
    }
    }
    

    4/ The avatar should be hide on the mobile, seem BBPress just updated the clasess for that. No problems, please add more this custom css code to Customize > Custom CSS to fixed that:

    @media only screen and (max-width: 767px){
    #bbpress-forums .bbp-body .bbp-forum-freshness img, 
    #bbpress-forums .bbp-body .bbp-topic-freshness img{ display: none; }
    }
    

    Best Regards,

    PenciDesign

  • mazhendy replied

    Hi,

    1/ The thumbnail issue was perfectly solved using the code you suggested.

    2/ The two BBPress forum problems still exist, even though I have copied the code you suggested and pasted it in Custom CSS. The two problems are: (1) the avatars hide the topic titles and (2) the content is wider than the mobile screen causing the Arabic "submit" button to be partially invisible. You mentioned that BBPress might have just updated the classes for that, so I understand if there is no immediate solution to this problem :)

    Anyway, I have attached a couple screenshots this time to help illustrate the problems.

  •  2,699
    PenciDesign replied

    Hi,

    1/ Strange, I checked and I see everything displayed fine:

    http://prntscr.com/n29imq

    2/ With comment form issues, please try add more this code to Customize > Custom CSS to fixed it:

    @media only screen and (max-width: 767px){
    #bbpress-forums fieldset.bbp-form{ min-inline-size: unset; }
    }
    

    Best Regards,

    PenciDesign

  • mazhendy replied

    Hi,

    I'm pretty much done with customizing the theme and so far I'm really happy with the theme.

    1/ No idea why, but on my mobile device the avatar issue still exists. Apparently, it differs from device to another. Hopefully it'll be solved with the next BBPress update.

    2/ The BBPress form issue has been solved. Thank you!

    3/ When I enable breadcrumbs, they show Home >> Post Title, but not Home >> Category >> Post Title. Why?

    4/ The widget head title font looks good on desktop, but on my mobile device the font is regular (not bold). Also the title of Popular Posts look great on desktop, but on mobile device it is not bold and the gray lines on its side are not seen.

  •  2,699
    PenciDesign replied

    Hi,

    3/ Are you enable primary category from Yoast SEO via Customize > General Options > Enable Primary Category Feature from Yoast SEO plugin for Breadcrumb ? If you've enabled it, you need to install Yoast SEO to use that feature.

    4/ Please add more this code to Customize > Custom CSS to do that:

    @media only screen and (max-width: 767px){
    .penci-home-popular-posts {
        border: 1px solid #dedede;
    }
    .home-pupular-posts-title {
        font-size: 18px;
        font-weight: bold;
    }
    .penci-sidebar-content .penci-border-arrow .inner-arrow{ font-weight: bold; }
    }
    

    Best Regards,

    PenciDesign

  • mazhendy replied

    Hello,

    1/ Previously, I have contacted you with regard to the regular font issue of the titles of the forums widget and the popular posts section. Today, I also noticed that the single post title is not bold on mobile devices. Moreover, I tried to change the font size of post titles, changes take effect on desktops, but on mobile devices font size remains the same. I would like to able to change font size of post titles on mobile screens. There seems to be a general issue with titles on mobile screens, so I hope you can give a general solution, so that I won't face the same problem if I decide to use more widgets in the future.

    2/ Where can I change font size for titles of related posts? I mean related posts that appear at the bottom of the post (not the popup).

    Cheers!

  •  2,699
    PenciDesign replied

    Hi,

    1/ As I see on my end - you didn't select font weight for your headign titles is bold. Let's make sure you've selected on Customize > General Options > Font Weight for Heading Titles > select "Bold". I see you've selected 500 - It's not bold.

    2/ Please try add more this code to Customize > Custom CSS to do that:

    .item-related h3 a{ font-size: 15px; }
    

    Change value 15 to value as you want.


    Best Regards,

    PenciDesign

  •   PenciDesign replied privately