Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 24, 2020 at 11:11 pm #1225370
    CharlieTh

    I am trying to make the logo on GoodNewsForTheWorld appear BESIDE the words Good News for the World.
    Instead the logo is going UNDER the words.

    Have a feeling problem dwells in the css.

    Could you take a look at:it, please — and give me your advice?

    https://goodnewsfortheworld.com

    June 24, 2020 at 11:12 pm #1225371
    CharlieTh

    I meant IMAGE — there’s an image added to the text, at the end.

    June 24, 2020 at 11:15 pm #1225372
    CharlieTh

    In Functions.php, looks something like this:

    add_filter('avf_logo_final_output', 'avf_text_logo_final_output');

function avf_text_logo_final_output($logo) {
  $link     = apply_filters('avf_logo_link', home_url('/'));
 
  $logotext = '<span class="logo-span span-1">Good </span><span class="logo-span span-2">News </span><span class="logo-span span-2">for the</span><span class="logo-span span-3"> World</span><img src="https://goodnewsfortheworld.com/wp-content/uploads/2020/06/book-and-world-pinged.png" style="width:40px;">'; //"LOGO TEXT";
 
 
  $subtext = "";
  $logo     = "<span class='logo'><h1><a href='".$link."'>".$logotext.$subtext."</a></h1></span>";

  return $logo;
}
    June 26, 2020 at 2:28 pm #1225827
    Victoria

    Hi CharlieTh,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    June 26, 2020 at 11:30 pm #1225991
    CharlieTh

    Logo Should be Good News for the World 🌎

    Only in place of emoji should be the image you see on the page.
    Should be words, followed directly by image

    Right now, on the page, you see (incorrectly)
    Good news for the world
    🌎

    I.e., the logo (represented by emoj) is incorrectly UNDER not correctly BESIDE the words.

    Perhaps area needs to be widens because it is causing wordwrap.

    Any idea what css would be to solve this?

    June 26, 2020 at 11:32 pm #1225992
    CharlieTh

    Doesn’t show properly in that message.

    Good News for the World 🌎

    That is what SHOULD look like.

    June 27, 2020 at 8:04 pm #1226111
    Victoria

    Hi CharlieTh,

    It looks like in this case, it’s better to make a png image with all the elements that you need on them.

    Best regards,
    Victoria

    June 27, 2020 at 8:38 pm #1226132
    CharlieTh

    I can’t make containing element or something else slightly wider to stop wrapping activity. Css with nowrap perhaps.

    June 29, 2020 at 1:18 pm #1226412
    Rikard

    Hi,

    Thanks for the update. I’m not sure if you need any further help with this or not?

    Best regards,
    Rikard

    June 29, 2020 at 7:34 pm #1226558
    CharlieTh

    Actually, meant to ask IF I could possibly make containing element or something else slightly wider to stop wrapping activity. Css with nowrap perhaps?

    Suggestions?

    June 29, 2020 at 8:19 pm #1226575
    Victoria

    Hi CharlieTh,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .logo {
    width: 50vw;
}
#top .logo img {
    display: inline;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 9, 2020 at 2:45 am #1229024
    CharlieTh

    You are brilliant, Victoria. That was IT!

    Thank you so much.

    Feel free to close this…and give yourself a gentle pat on the back!

    July 9, 2020 at 1:56 pm #1229165
    Nikko

    Hi CharlieTh,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Text logo with added image beside text – image ends up UNDER logo text’ is closed to new replies.