Tagged: , , ,

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • March 30, 2020 at 12:08 pm #1199050
    jannnnnneke

    Hi! I’ve translated the nl_NL.po file and changed ‘share this entry’ to ‘share this story’. But the old translation ‘deel dit stuk’ is still visible, while other translations are visible.

    Any ideas? See bottom of page the share entry.

    Thanks a lot!

    Janneke

    April 3, 2020 at 8:47 pm #1200614
    Victoria

    Hey jannnnnneke,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    April 8, 2020 at 3:06 pm #1201925
    jannnnnneke

    Hi! See private data!

    Thanks!

    April 14, 2020 at 12:50 pm #1203550
    Ismael

    Hi,

    Thank you for the inquiry.

    How did you adjust the translations? Did you regenerate the .mo file? Please use the following plugin to adjust the translations and properly sync the language files.

    // https://wordpress.org/plugins/loco-translate/

    Best regards,
    Ismael

    April 14, 2020 at 12:52 pm #1203552
    jannnnnneke

    Yes I’ve regenerate the .mo file, because I want to use not so many plugins. But I can try this one! I’ll let you know

    April 14, 2020 at 6:07 pm #1203693
    Victoria

    Hi jannnnnneke,

    Ok, let us know how that worked for you. We will keed the thread open.

    Best regards,
    Victoria

    April 22, 2020 at 3:24 pm #1206218
    jannnnnneke

    Hi, unfortunately the translation is still not working. I’ve downloaded the plugin and when I go to the theme translation file (dutch) and look for ‘share this entry’ the translation is ‘share this story’. Because that’s what I filled in the .po file. But it still says ‘deel dit stuk’ on the site.

    Any ideas?

    April 26, 2020 at 10:52 pm #1207392
    Mike

    Hi,
    Sorry for the late reply, I’m not sure why this is occurring but you could try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    h5.av-share-link-description.av-no-toc:before {
	content: 'Deel dit verhaal';
	color: #000;
} 
h5.av-share-link-description.av-no-toc {
	color: #fff;
    width: 109%;
}

    Feel free to adjust to suit.
    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 13, 2020 at 10:14 am #1212551
    jannnnnneke

    Yes that works, but when you select the text the white text is visible. Is there another way to remove it totally? Weird that it’s not working by .po file right..

    May 13, 2020 at 1:34 pm #1212609
    jannnnnneke

    Hi Mike,

    I see that the code is’nt working correctly on mobile. Also I’ve changed something to the social icons which are perfect on desktop but not on mobile. When I change on mobile nothing happens. Any ideas? This is the code I have:

    .av-share-link-description.av-no-toc {
text-align: center !important;
}

.av-share-box .avia-related-tooltip {
display: none !important;
}

#top .av-share-box ul {
margin: auto !important; 
width: 15%; 
float: none !important; 
}

@media only screen and (max-width 767px) {
#top .av-share-box ul {
margin: auto !important; 
width: 35% !important; 
float: none !important; 
}
}

.av-share-box ul li a {
font-size: 18px !important;
}

.av-share-box ul li, #top .av-share-box ul {
border: none !important;
}

h5.av-share-link-description.av-no-toc:before {
content: 'Share this story';
color: #333333;
} 
h5.av-share-link-description.av-no-toc {
color: #ffffff;
width: 109%;
}
    May 13, 2020 at 1:43 pm #1212610
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead:

    h5.av-share-link-description.av-no-toc:before {
	content: 'Deel dit verhaal';
	color: #000;
	font-size: 16px !important;
} 
h5.av-share-link-description.av-no-toc {
	font-size: 0 !important;
    width: 100%;
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    May 13, 2020 at 2:06 pm #1212621
    jannnnnneke

    PERFECT! Thanks!

    Any idea how I get the social icons with a little bit space next to each other?

    May 14, 2020 at 11:02 am #1212896
    Mike

    Hi,
    To increase the spacing between the social icons at the end of your posts, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .av-share-box ul {
    width: 50% !important; 
}

    Try different percentages, 100% stretches it full-width.
    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 15, 2020 at 9:24 am #1213192
    jannnnnneke

    Hi Mike, I already used that code. And I’ve changed the % on mobile, but it’s not working:

    #top .av-share-box ul {
margin: auto !important; 
width: 15%; 
float: none !important; 
}

@media only screen and (max-width 767px) {
#top .av-share-box ul {
width: 50% !important; 
}
}
    May 15, 2020 at 9:26 am #1213193
    jannnnnneke

    I mean on desktop the code is working perfect, I was already using that code but on mobile the icons are with no space next to eachother. Even if I change the % number on mobile!

    May 15, 2020 at 11:43 am #1213237
    Mike

    Hi,
    Thank you for the feedback, I found an error in your css, I changed screen and (max-width 767px) to screen and (max-width: 767px) an now your mobile css works.
    Please clear your browser cache and check.

    Best regards,
    Mike

    May 15, 2020 at 5:02 pm #1213329
    jannnnnneke

    Ah so stupid!! Thank you very much! It’s perfect!

    May 15, 2020 at 8:58 pm #1213446
    Victoria

    Hi jannnnnneke,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.