Okay
  Public Ticket #843374
Small issues with my page
Closed

Comments

  • Oskar started the conversation

    Hi! Thanks for a great theme. But I’m having a few problems.

    1. How do I change the fade-in/zoom-in effect that all objects on my home page has? It occurs when you're loading the page. Just the fade-in would be nice to have. :)

    2. When I upload a custom logo to a blog post-page it replaces the standard logo. Why is that? Is there a better way to make my home page have a big slider like logo and all post pages have a different, smaller logo?

    3. In the comments section on the blog posts. Where do I change the “reply” text/link on a comment from a user?  I want it in Swedish. :)

  • [deleted] replied

    Hi Oskar,

    1. Yes this is possible, however you need to replace one file (as actually its not implemented in 1.9.3):

    Download this file and replace it in this directory (of the theme): /assets/js/

    Then go to Theme OptionsFooterJavaScript & Tracking Code, then add the following code in Footer JavaScript field:

    window.blogLoopMasonryOptions = {
        hiddenStyle: {
            opacity: 0
        },
        visibleStyle: {
            opacity: 1
        }
    };

    If you don't see the change immediately, please hard-refresh your browser (CTRL/CMD+R) because it takes longer to load the changes, as they are saved in browser cache. Another option is to open new private/incognito window and try if it works.


    2. I am not sure what exactly do you mean here, however post featured image (post logo) can be shown in 2 variants: full width and inside the post container by setting this option inside post edit page:


    (view large version)


    3. To change that text use Loco Translate plugin. Then translate theme files by creating a translation for the current language in your WordPress site, then search for Reply text and after you replace that string it will remain even after you update the theme. This is better technique because it doesn't involve editing code in theme files.

    For more information about translation plugin, here I will write some important notes:

    To translate or rename theme strings, you can do this via Loco Translate plugin. If you don't have it, please install and activate the plugin in your WordPress site.

    1. Then go to Loco Translate > Manage Translations
    2. Click "New Language" for the current active theme (if you didn't created it yet, otherwise ignore this step). On the new language page, choose these options – Screenshot
    3. After that you will be redirected to the editing screen for theme translations. Before you continue with your translations make sure the current language of your site is selected – Screenshot
    4. Follow these instructions to learn how to translate strings – Screenshot
    5. The changes will be applied immediately – Screenshot

    Note: Translation files will be saved to wp-content/themes/{theme-name}/languages folder or global directory of theme translations: wp-content/languages/themes/ (based on your choice). 

    If you have saved your translations inside theme folder, always save a backup of *languages/* folder (inside the theme) when there is new theme update. After you update the theme (languages folder will be replaced with an empty folder), just move the backup files you previously saved to the same languages directory and your changes will still be applied.


  • Oskar replied

    Thank you very much! Issue 1 and 3 are now solved :) 

    Regarding number two, I'll try to explain further: I want two logos on my page. On the home page I want a big square logo. On the blog post pages I want a small, different logo. I changed this in the post editor under options > logo & menu > custom logo. But when I'm adding a new logo there it keeps replacing the big square logo on the home page.

    I also found another issue (Attatched as Issue4). The labels in the comment form are taking too much space. The text therfore ends up behind the labels.

    Thanks again for the fast response and the easy-to-follow instructions :)

  • [deleted] replied

    Hi Oskar,

    1. This CSS should fix your issue:

    .single.single-post img.main-logo {
        max-width: 200px !important;
    }

    Note that 200px can be changed to your desired width.

    2. As for your other issue, please apply this Custom CSS:

    .single.single-post #email {
    padding-left: 120px;
    }