Okay
  Public Ticket #951017
Txt Wrap, Google maps, Child theme
Closed

Comments

  •  2
    esthermols started the conversation

    Hi everybody, I really like your theme!

    But i seem to have a few issues that I cannot resolve. I looked in the other questions but I cannot find it.

    1. You see on the about page that the text  is not nicely wrapped around the photo, although it is aligned left... How do I do that?  http://www.esthermols.net/newsite/about-me/

    2. Google maps is not loading correctly on the contactpage... http://www.esthermols.net/newsite/contact/

    3. When I want to use the Child Theme that came along with the theme, the system says i'll have to install the KALIUM Theme, i bought the CALCIM theme...

    4. In my Portfolio Items the TXT goes over the Category. That is not very nice. I enlarged the Text but maybe I can say that it shows only 2 lines?

    5. The Laborator Instagram Widget is not working, even though I got a Client ID....

    That is my list, hope it is ok that I put everything in one Message! :-)

    Best Regards, Esther

  • [deleted] replied

    H Esther,

    1. Please add this Custom CSS to fix that:

    img.alignleft,
    img.alignright {
    position: relative;
    vertical-align: text-top;
    margin-right: 15px;
    margin-bottom: 15px;
    line-height: 1;
    top: 5px;
    float: left;
    }

    img.alignright {
    float: right;
    margin-right: 0;
    margin-left: 15px;
    }

    img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    2. Google Maps require an API key in order to show in your site, so here is what you need to do:

    Download this file and replace it in this directory (of the theme): /calcium/tpls/

    Add this code in functions.php (end of file):

    function my_google_api_key( $api_key ) {
    return 'YOUR-API-KEY-HERE';
    }

    add_filter( 'calcium_google_maps_api_key', 'my_google_api_key' );

    Then generate an API key and paste where is written: YOUR-API-KEY-HERE

    3. Sorry about that, it must be a mistake from us, so here is the right child theme for Calcium:

    http://drops.laborator.co/qIzx

    4. Decreasing padding inside the thumbnail will solve this issue, so I've set it to 25px for example (previously was 40px):

    section.portfolio > ul li .project-info {
    padding: 25px;
    }

    section.portfolio > ul li .project-info .categories {
    left: 25px;
    bottom: 25px;
    }

    section.portfolio > ul li .project-info .like {
    right: 25px;
    bottom: 25px;
    }


    (view large version)

    5. The Instagram widget got deprecated during the time as Instagram has updated their API, so I suggest you to install another Instagram widget plugin for example this one:

    https://wordpress.org/plugins/wp-instagram-widget/

    Hopefully this will help you.

    Best regards

  •  2
    esthermols replied

    Hi Arlind, thanks a lot for the detailed answer! :-) 

    I solved almost everything! Only the Google maps is still not working....

    http://www.esthermols.net/newsite/contact/

    Could you help me on that?

    Kind regards,

    Esther


  • [deleted] replied

    Hi Esther,

    Glad to hear that most of the issues are solved.

    To fix google maps add this fix:

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

    This will solve google map issue.

  •   esthermols replied privately
  • [deleted] replied

    Hi Esther,

    No worries that code is not sensitive to the public.

    I've checked your contact page and saw the map is working:


    (view large version)

    Have you fixed this, or it was fixed after file replacement?

  •  2
    esthermols replied

    Hi Arlind,

    It only looks like it's working... :-( 

    I can"t fill in my real adress. The map only show something, but that is not my adress. I gett this (see image). I looked for the "javascript settings" in my browser but they are "on". Maybe I overlooked something?

    Another problem came up by the way, shall I open an new thread for that or can I write it here? 

    On this page http://www.esthermols.net/portfolio/websites/ you cannot click throught all the images, some show, some don"t, When I click on them for the large popup versions, they all show. That is strange isn't it?

    Thanks for all the help untll now! I am really happy, with the theme but also with your help! 

    Kind regards,
    Esther

  • [deleted] replied

    Hi Esther,

    1. The problem with map, I figure out the solution:

    Can you please add the following code in functions.php (end of file):

    // Google API Key for ACF
    add_filter( 'acf/fields/google_map/api', 'calcium_google_api_key_acf', 10 );


    // Get Google API Key Array for ACF
    function calcium_google_api_key_acf() {
    $api = array(
    'libraries' => 'places',
    'key' => 'GOOGLE-API-KEY-HERE',
    );

    return $api;
    }

    Just replace GOOGLE-API-KEY-HERE with current API key you've already generated.

    As for your other problem, I'll answer it here, next time I suggest to open a thread when new question/issue comes up:

    2. I need FTP credentials to see whats wrong there, can you please send your FTP login here so I can find the solution.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

  •   esthermols replied privately
  • [deleted] replied

    Hi Esther,

    I've managed to fix the gallery issue.

    I've tested it and worked, I hope you like it.

  •  2
    esthermols replied

    You guys are great!! Thanks! :-)

  •  1,558
    Laborator replied

    Glad to hear that esthermols,

    If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance and have a great week!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    esthermols replied

    Did it! :-) Have a good week!