Great, Ismael!

I used the following css derived from yours (which I would have NEVER figured out). Looks very nice — but I tried to move the second row’s arrows down a little and can’t figure out what to tweak. I thought top: 23% might be it, but don’t see that that does much of anything.

Here is my css derived from yours:

.gr-custom.gr-custom-1 .av_textblock_section ::after {
content: ”;
position: absolute !important;
color: #fff !important;
display: block;
z-index: 99999999999999999 !important;
overflow: visible !important;
visibility: visible !important;
font-family: ‘entypo-fontello’;
left: auto!important;
top: 23%;
width: 0;
height: 0;
border-bottom: 30px solid transparent;
border-top: 30px solid #e8e8e800;
border-left: 40px solid #539550;
right: 180px;
}
.gr-custom.gr-custom-2 .av_textblock_section ::after {
content: ”;
position: absolute !important;
color: #fff !important;
display: block;
z-index: 99999999999999999 !important;
overflow: visible !important;
visibility: visible !important;
font-family: ‘entypo-fontello’;
left: auto!important;
top: 23%;
width: 0;
height: 0;
border-bottom: 30px solid transparent;
border-top: 30px solid #e8e8e800;
border-right: 40px solid #539550;
left: 180px!important;
}

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!

No, for any site, would like to find the file location of the logo that is set within theme options.

I would like to use this to show the proper logo on the Login page. I currently have to set that logo manually. It would be nice to know the code to set it for ANY logo on any site.

I see this code…which looks like it should show me that…but since I am within the child theme, I don’t have the avia_base_url variable.

$output .= avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘span’, true);
echo $output;

1. Will this give me the file of the logo set within Theme > Options?
2. How can I use avia_base_url within the child theme?
3. Any other workarounds to achieve this — i.e., finding the file that contains the logo set within Theme > options?

Thanks for your thoughts.

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

Exactly what I’d hoped. You may close now.

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?

Sorry…I realize I haven’t been asking you to close issues. Please close this one. Thrilled.

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;
}

I think a gremlin crept into my browser and changed that! You are 100% correct. Haven’t changed it yet, but see exactly where to change it. Really puzzled as to when I changed that — but I certainly did!

Thanks for your insight, Rikard. Problem solved.
Now I just need to get rid of that gremlin!

Perfecsh.Jordan! Thank you so much…exactly what I’d hoped!

Unjunking.com
When shows mobile menu, would like site logo at top above mobile menu items.

Thank you…maybe not easy after all?

Mike…so so much better! Clever.

But I’m not properly parsing your instructions, I fear.

Rikard, I found out PART of my problem. I had Grid Row (not color section, sorry), containing two cells. Each cell contains a textblock (which also includes within it a button).

The part of the solution that I was able to find was that the CELL includes a vertical align dropbox…and I had chosen middle. I now have chosen bottom and the textblock went down further in the cell.

However — it doesn’t go down far enough. The bottom of the image is dark — and is better contrast to the type.

I would like to know the css that will drop the textbox even lower on the cell/image to where the dark purple is (on the left one, anyway.)

Can you tell me how to move the textblock/button down further, please?

Here is my tester page at present:
https://goodnewsfortheworld.com/halved-page-with-columns-tester/

Victoria, thanks. I don’t really see much improvement.
Would I be better off adding a widget to header insteead of echoing a tagline? Would that make any difference?
Would going into the header.php and putting in the tagline be better?

Please give me your counsel on this.

I would like to know how to do this properly for the current website — and for future websites.
Imagine others will have longer than average tagline.

Thanks for your response!

The entire tagline disappears when I try to alter its width.
(I have removed whtie-space: nowrap.)

Thank you.
I have removed the nowrap from the css statement, AS YOU NOTED.

The subtext now has immense vertical spacing when it “breaks” into multiple lines.

You will see this in responsive testing for Ipad versus Desktop.
Ipad subtext will be in orange, Desktop in green.

How can I remove the huge vertical spacing?

What might I try?