-
Search Results
-
Topic: new social icon bluesky
Dear Support, I followed the instructions on this thread https://kriesi.at/support/topic/i-wish-to-use-the-new-svg-features-of-enfold-7-x-to-add-two-new-social-profiles/ and allmost everything worked, just that the Icon is not visible. Please check the Link below in PC. The Icon should appear right after the Instagram in the top right and the bottom right corners.
I created the SVG File through Figma and there I exported it as SVG.
What can I do to fix this?
Thank you in advance!Hello,
1. Header : I would like to add on the top right of my main menu header a call to action, I followed all the instructions you give here > https://kriesi.at/documentation/enfold/header/#toggle-id-5-closed but it does not work, there is no text on the top of my menu.
2. Footer : I would like to have all of my text content (the column 2, 3, 4) vertically aligned with the text ” Les Fioretti, une ferme en permaculture à Pau”, currently they are aligned with the logo image. I don’t know how to do that without disturbing responsive design.
Can you help me ?Thank you
HI
– I figured it out thanks –
from this thread: https://kriesi.at/support/topic/turn-photos-to-black-white-and-bring-colours-back-on-mouse-hover/
Can you help me make it so my images go from grayscale to color on hover instead of the other way around?
My client might not want a link on the image, just the hover effect.
Thanks,
NancyTopic: ENFOLD SUPPORT
Hello,
I’ve just purchased a 6-month support plan for the Enfold theme. However, when I access the Support page, it doesn’t allow me to create a new topic.
Could you please advise on how I should proceed to submit my inquiry?
My question is as follows:
I’m writing to you to resolve an issue with the website http://www.luisbustamante.com
, which uses the Enfold theme.
I’m having trouble integrating the Redsys credit card payment gateway on my website that uses the Enfold theme.
Despite having the plugin properly installed, activated, and configured, when placing an order as a guest user (without registering), only one payment method appears: bank transfer.
However, if I place an order while logged in as an admin, I do get both payment options: bank transfer and Redsys credit card payment.Thank you!
Nicolás SieberIn reply to: Change anchors of scroll down link buttons
Hi,
Glad this helps, your icons are not showing because of this css you had in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:/*Modification de l'affichage de l'icône des cookies (cadenas)*/ #top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child { display: none !important; }I disabled it for you.
As for your timeline question, please open a new thread as we ask that each thread sticks to one topic. Thanks for you understanding.Best regards,
MikeIn reply to: Change anchors of scroll down link buttons
Hello Mike,
I just wanted to thank you for your help and your speed during our conversations !
All works perfectly and that’s what i wanted to see on my website.
But i hope you can help me more because i recently make the update of my website (6.0.2 to 7.1.2) and some little things changed and crashed on my website. I think i can solve some of those problems but i need help with the 2 timelines on my website here :
http://www.kerry-han.fr
and here
http://www.kerry-han.fr/agenda
In fact the timelines works on desktop but not really in phone and tablet. And for the others things, all the scroll down buttons on fullscreen sliders disapears and also scroll up button and also the arrows to change article and finally my search bar and search icon disapears also ! 😭
So if you can help me mike or you know someone else on the support who can do this, text me here please i really need help !😅Best regards !
In reply to: Change anchors of scroll down link buttons
Hi,
Thanks for your patience, I believe that it is sorted out now, clear your browser cache and check.
This is the code that I added:function custom_offset_script_with_width() { ?> <script> (function($) { $('a[href*="#next-section"]').click(function() { var width = $(window).width() if ($(window).width() < 768) { $('html,body').animate({ scrollTop: $(this).offset().top - 100 //offsets for mobile fixed header }, 1000); return false; } else if (width >= 768 && width <= 1366) { $('html,body').animate({ scrollTop: $(this).offset().top - 75 //offsets for tablet fixed header }, 1000); return false; } else { $('html,body').animate({ scrollTop: $(this).offset().top - 50 //offsets for desktop fixed header }, 1000); return false; } }); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_offset_script_with_width');Best regards,
MikeOn a gridrow I have two columns…one with a single-image easyslider with single image, a title, content. The second column is blank, only as placeholder.
I have two columns because if do all the way across the screen the image/title/content seems VERY tall…not sure why, so this is work around.
Have noticed when looking at large screens or landscape screens image looks okay…on narrow, phone-like screens, image is chopped vertically and can’t see title or content.
Figure needs to be full width….and taller.
What I’d like is the easy slider in a gridrow to match rest of page, but without having i mage a monster high.
Can you help me with this?
Have removed my own (poor) css to make first cell full width and taller, but was something like this:
works…
// @media only screen and (max-width: 800px) {
// #top ul.avia-slideshow-inner {
// height: 265px!important;border: 2px red solid!important;
// width:100%!important;background:orange!important;
// }
// }
// // #top .first-grid-gallery-cell{
// // //grid-template-columns: 1fr!important;}
// // width:100vw!important;background:orange!important;}// // }
**** The section I’m working with is midway down the page…
The image of a camera lens with text saying:
Sermon Gallery
View previous sermons.Thanks for any assistance, I am boggled!
In reply to: Fine tuning CF7 for Iphone – IOS
Ismael, I had a chat with Chatgpt and we came up with this code.
// Voegt een custom calender icoon aan een data veld function ava_custom_calendar_icon_script() { ?> <style> .custom-date-wrapper { position: relative; display: inline-block; width: 100%; } .custom-date-wrapper input[type="date"] { width: 100%; padding-right: 40px; /* ruimte voor het icoon */ position: relative; z-index: 2; background-color: #fff; } .custom-date-wrapper::after { content: "📅"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 20px; color: #888; z-index: 3; } </style> <script> function addCalendarIconToDateInputs(context = document) { context.querySelectorAll('input[type="date"]:not(.calendar-styled)').forEach(function (input) { if (input.closest('.custom-date-wrapper')) return; var wrapper = document.createElement('span'); wrapper.className = 'custom-date-wrapper'; input.classList.add('calendar-styled'); input.parentNode.insertBefore(wrapper, input); wrapper.appendChild(input); }); } document.addEventListener('DOMContentLoaded', function () { addCalendarIconToDateInputs(); // Contact Form 7 AJAX support document.addEventListener('wpcf7invalid', function (event) { addCalendarIconToDateInputs(event.target); }); document.addEventListener('wpcf7submit', function (event) { addCalendarIconToDateInputs(event.target); }); // Extra: hoogte instellen voor mobile if (window.matchMedia("(max-width: 768px)").matches) { document.querySelectorAll('input[type="date"]').forEach(function(input) { input.style.height = '40px'; input.style.lineHeight = '40px'; // mooi gecentreerd }); } }); </script> <?php } add_action('wp_footer', 'ava_custom_calendar_icon_script', 9999);For now the height is the same as my other fields, and I have a calendar icon on my iphone.
The width of the field doens’t seem adapable.In reply to: Post preview image display issue
Hi Ismael.
With this change, the problem seems to be solved on smartphones, but on desktop, the image display in the list goes from this correct one
to this incorrect one
What do I need to change in the code to make it apply only to mobile devices?
The problem with the vertical dashed line also remains unchanged and is still visible.
Thanks for your time.Hey enderku,
Go to Appearance->Menus, then activate Description under Screen Options in the top right hand corner.
Best regards,
RikardIn reply to: Button padding
Hi,
Thank you for the clarification.
Please add this css code to adjust the minimum width of the submit button:
#top #wrap_all .main_color .button, .main_color #submit, #top #wrap_all .contact-form :is([type=submit],button:not([type=reset])) { min-width: 80px; }Best regards,
IsmaelIn reply to: Post preview image display issue
Hi,
Thank you for the update.
We actually removed the is_single conditional function from the avf_post_featured_image_link filter. Please update the code.
— https://kriesi.at/support/topic/post-preview-image-display-issue/#post-1488334
Best regards,
IsmaelIn reply to: Column Rows Same Height
Hi,
Thank you for the update.
We noticed that the custom css class is only applied to certain special heading elements. To simplify things, instead of applying the custom css class directly to the special heading elements, add it to the color section containing the columns, and then use the following css code:
#top .locationscolumn .av-special-heading { min-height: 95px; }Best regards,
IsmaelIn reply to: Tab section content being cut off
Thanks, the code worked for mobile but not desktop. I put the desktop code before the mobile as mentioned. Please advise :)
Topic: unmute background video
Hi
On the site below I have a background video in a color section at the bottom of the page.
I added an unmute button to the video, and it seems to be working.
I added the codes I found here: https://kriesi.at/support/topic/html-for-turning-on-audio/#post-1432783
and on this page: https://webers-testseite.de/mute-unmute/I didn’t understand where to place the first code where it says :
Activate Child-theme shortcodes replacement by:add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }Do I add that to my functions.php or is it OK as it is?
I am also still seeing the mute icon on mobile, even though my css is:
@media only screen and (min-width: 768px) { .custom-mute { display: block; background-image: url('/wp-content/uploads/2025/08/icon-mute.png'); background-size: cover; width: 50px; height: 50px; position: absolute; bottom: 8%; right: 4%; z-index: 50; } .custom-mute:hover { opacity: 0.7; } .icon-sound-on { background-image: url('/wp-content/uploads/2025/08/icon-sound.png'); }}can you help me with this?
thanks
NancyIn reply to: Show fullscreen image for 5 seconds
you can have that with text and inline svg aswell:
add_action('ava_after_body_opening_tag', function() { if (is_page(array(2))){ // add your conditions here , for more pages : separate by commata echo '<div id="fullscreen-overlay"><div class="overlay-content"><svg title="QueensGym" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 340 85"><path fill="#fff" fill-rule="nonzero" d="M229.42 21.558c9.745 0 16.113 5.096 16.893 13.392h-6.068c-.708-4.887-4.594-7.663-10.824-7.663-7.088 0-10.988 4.076-10.988 11.477v7.358c0 7.4 3.9 11.478 10.988 11.478 9.08 0 10.987-4.944 10.987-9.09v-1.547h-9.929V41.54h15.967v6.97c0 9.004-6.683 14.82-17.025 14.82-10.501 0-17.026-6.594-17.026-17.208v-7.358c0-10.612 6.525-17.206 17.026-17.206m0-1.12c-10.79 0-18.144 6.619-18.144 18.326v7.358c0 11.707 7.354 18.327 18.144 18.327 10.972 0 18.144-6.252 18.144-15.939v-8.09H229.36v7.662h9.93v.428c0 5.152-3.065 7.97-9.87 7.97-6.435 0-9.868-3.556-9.868-10.358v-7.358c0-6.804 3.433-10.357 9.869-10.357 5.945 0 9.563 2.697 9.807 7.661h8.277c-.307-9.93-7.725-15.63-18.084-15.63m51.354 12.336-11.61 44.042h-6.04l2.91-9.942.072.297.714-2.989.413-1.404h-.075l.036-.153 7.15-29.851h6.43Zm-22.908 0 7.15 29.851.037.153h-5.866l-7.757-30.004h6.436Zm24.361-1.12h-8.767l-7.354 30.71-7.358-30.71h-8.764l8.336 32.244h7.418l-4.109 14.037h8.4l12.198-46.28Zm36.747.57c6.73 0 11.078 4.01 11.078 10.217v20.337h-5.423V44.036c0-4.193-2.663-6.697-7.126-6.697-4.03 0-6.636 2.63-6.636 6.697v18.742h-5.423V44.036c0-4.193-2.663-6.697-7.127-6.697-4.032 0-6.637 2.63-6.637 6.697v18.742h-5.423V32.774h5.423v2.815l1.806-1.394c1.26-.974 3.027-1.971 6.548-1.971 3.682 0 6.651 1.199 8.588 3.468l.824.964.854-.937c2.148-2.353 4.984-3.495 8.674-3.495m0-1.12c-5.456 0-8.214 2.45-9.5 3.862-2.146-2.516-5.457-3.862-9.44-3.862-3.924 0-5.885 1.163-7.234 2.206v-1.655h-7.663v32.243h7.663V44.036c0-3.248 1.961-5.577 5.517-5.577 4.597 0 6.008 2.76 6.008 5.577v19.862h7.662V44.036c0-3.248 1.96-5.577 5.516-5.577 4.599 0 6.006 2.76 6.006 5.577v19.862h7.663V42.44c0-7.17-5.272-11.337-12.198-11.337M70.866 31.6h7.662v20.963c0 7.174-5.09 11.832-13.608 11.832-8.52 0-13.609-4.658-13.609-11.832V31.6h7.663v20.107c0 4.045 2.39 5.639 5.946 5.639 3.556 0 5.946-1.594 5.946-5.639V31.6Zm11.941 19.433v-6.622c0-8.334 5.948-13.361 14.16-13.361 8.215 0 14.099 5.027 14.099 13.361v6.439h-20.78v.549c0 4.476 2.76 6.255 6.681 6.255 3.311 0 5.946-1.41 6.253-3.864h7.723c-.735 6.683-6.376 10.606-13.976 10.606-8.212 0-14.16-5.028-14.16-13.363m20.78-6.192v-1.165c0-3.309-2.696-5.7-6.62-5.7-3.922 0-6.681 2.084-6.681 5.7v1.165h13.302Zm11.453 6.192v-6.622c0-8.334 5.946-13.361 14.16-13.361s14.098 5.027 14.098 13.361v6.439h-20.781v.549c0 4.476 2.759 6.255 6.683 6.255 3.31 0 5.945-1.41 6.252-3.864h7.725c-.738 6.683-6.376 10.606-13.977 10.606-8.214 0-14.16-5.028-14.16-13.363m20.779-6.192v-1.165c0-3.309-2.696-5.7-6.62-5.7-3.923 0-6.682 2.084-6.682 5.7v1.165h13.302ZM148.007 31.6h7.663v1.655c1.346-1.04 3.618-2.206 7.54-2.206 6.925 0 12.258 4.168 12.258 11.341v21.454h-7.662v-19.86c0-2.82-1.531-5.58-6.129-5.58-3.679 0-6.007 2.33-6.007 5.58v19.86h-7.663V31.6Zm31.007 21.333h7.663c.06 2.084 1.655 4.23 6.008 4.23 4.107 0 5.821-1.535 5.821-2.944 0-1.226-.611-2.328-3.125-2.696l-6.376-.859c-4.78-.613-8.704-3.739-8.704-9.5 0-5.457 5.025-10.115 12.75-10.115 7.848 0 12.873 4.78 12.873 10.728h-7.662c-.063-2.146-2.268-3.679-5.21-3.679-2.82 0-4.72 1.348-4.72 2.882 0 1.225.858 2.267 2.759 2.512l6.741.92c6.743.918 8.827 5.456 8.827 9.44 0 5.393-4.966 10.545-13.974 10.545-7.602 0-13.547-3.986-13.67-11.464M46.283 38.71c0-11.706-7.355-18.327-18.142-18.327-10.79 0-18.146 6.62-18.146 18.328v7.356c0 11.709 7.356 18.328 18.146 18.328 4.351 0 8.214-1.105 11.155-3.187l6.987 5.885 4.245-5.325-6.575-5.71c1.473-2.696 2.33-6.068 2.33-9.99V38.71Zm-8.273 7.357c0 1.654-.185 3.125-.613 4.413l-.01-.007c-.802 2.546-2.363 4.33-4.545 5.327l.018.014c-.129.06-.272.101-.407.154l-.347.134c-.194.066-.392.129-.593.186a8.318 8.318 0 0 1-.503.128c-.177.04-.353.08-.535.114-.225.04-.461.069-.699.098-.142.017-.28.04-.428.053-.392.032-.793.053-1.207.053a14.9 14.9 0 0 1-1.21-.053c-.148-.014-.285-.036-.428-.053a13.43 13.43 0 0 1-.7-.098c-.181-.034-.356-.074-.533-.114a9.86 9.86 0 0 1-1.095-.314l-.35-.134c-.133-.053-.275-.094-.405-.154l.018-.014c-2.182-.996-3.745-2.781-4.546-5.327l-.007.007c-.431-1.288-.614-2.76-.614-4.413v-7.356c0-6.989 3.738-10.358 9.87-10.358 6.128 0 9.869 3.369 9.869 10.358v7.356Z"/></svg><br><h2 style="text-align: center; color: #FFF;">KAMPF- UND KRAFTSPORT IN</h2><h2 style="text-align: center; color: #FFF;">WIESBADEN - EXKLUSIV FÜR FRAUEN</h2></div></div>'; } });the other snippet is the same.
and :
#fullscreen-overlay { position: fixed; display: flex; justify-content: center; /* Zentriert horizontal */ align-items: center; /* Zentriert vertikal */ top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 9999; opacity: 1; transition: opacity 1s ease-in-out, visibility 0s linear 1s; } #fullscreen-overlay.hidden { opacity: 0; visibility: hidden; pointer-events: none; /* Disable interaction when hidden */ } #top .overlay-content { padding: 20px; } #top .overlay-content h2 { font-size: min(max(24px, calc(1.5rem + (72 - 24) * ((100vw - 320px) / (1500 - 320)))), 72px); min-height: 0vw; line-height: 1.5em; }see my test page : https://basis.webers-testseite.de/
In reply to: Show fullscreen image for 5 seconds
try with your current solution:
#fullscreen-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-image: url('https://houseoffreedom.de/2025/wp-content/uploads/2025/08/QueensGym-Logo-2.svg'); background-repeat: no-repeat; background-size: contain; z-index: 9999; opacity: 1; transition: opacity 1s ease-in-out,visibility 0s linear 1s; background-position: center center; }In reply to: Show fullscreen image for 5 seconds
f.e. – on my test page i do only have set it for front-page and impressum:
add_action('ava_after_body_opening_tag', function() { if (is_page(array(330,1128))){ echo '<div id="fullscreen-overlay"></div>'; } }); function timed_overlay_fullscreen_image(){ if (is_page(array(330,1128))){ ?> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var overlay = document.getElementById('fullscreen-overlay'); if (overlay) { overlay.classList.add('hidden'); } }, 5000); // 5000 milliseconds = 5 seconds }); </script> <?php } } add_action('wp_footer', 'timed_overlay_fullscreen_image');btw: if you like you can have page-title or different text included to that hook
replace f.e. to :
echo '<div id="fullscreen-overlay"><h1>'.get_the_title().'</h1></div>';see example page from above with get_the_title (and only 3 seconds)
#fullscreen-overlay { position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; /* Example: black background */ background-image: url(/wp-content/uploads/2016/07/corporate-buildings-m.jpg); background-repeat: no-repeat; background-size: cover; z-index: 9999; opacity: 1; transition: opacity 1s ease-in-out, visibility 0s linear 1s; } #fullscreen-overlay.hidden { opacity: 0; visibility: hidden; pointer-events: none; } #fullscreen-overlay h1 { font-size: 4em; color: #FFF; margin: 0; padding: 20px; text-shadow: 2px 3px 5px #000; }In reply to: Show fullscreen image for 5 seconds
try inside your child-theme functions.php:
// Inject the HTML overlay into the body add_action('ava_after_body_opening_tag', function() { echo '<div id="fullscreen-overlay"></div>'; }); function timed_overlay_fullscreen_image(){ ?> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { var overlay = document.getElementById('fullscreen-overlay'); if (overlay) { overlay.classList.add('hidden'); } }, 5000); // 5000 milliseconds = 5 seconds }); </script> <?php } add_action('wp_footer', 'timed_overlay_fullscreen_image');and in quick css:
#fullscreen-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-image: url(/wp-content/uploads/2016/07/corporate-buildings-m.jpg); background-repeat: no-repeat; background-size: cover; z-index: 9999; opacity: 1; transition: opacity 1s ease-in-out, visibility 0s linear 1s; } #fullscreen-overlay.hidden { opacity: 0; visibility: hidden; pointer-events: none; /* Disable interaction when hidden */ }see: https://basis.webers-testseite.de/
if you just want to have that on your front page – than we had to adjust those snippets.
Admittedly, this is a very specific replacement for the usual \e869 icon. But that is probably what is meant by a CSS (not CMS) solution. For a simpler replacement, \e80e does not look quite as complicated.
https://webers-testseite.de/popup-gallery/
but i think now these icons are svg ones – so the simple method to replace the font-icon by just doing:
#top .image-overlay .image-overlay-inside::before { content: "\E80E" !important; font-family: entypo-fontello; font-size: 42px; font-weight: 400; }In reply to: title should appear centered next to the icon
Hey mary301187,
Thank you for the inquiry.
Please add this css code to align the icon with the heading.
.avia-icon-list .av-iconlist-empty .iconlist_title { margin-top: 0; } #top .avia-icon-list-container ul li { display: flex; align-items: center; } #top .avia-icon-list-container ul li .iconlist_icon { min-width: 64px; }Best regards,
IsmaelI have created a test installation here.
I have the same problem on other pages!
Link below: 1
After logging into WordPress, you can enter this link below: 2 in your browser.
I have already completed this test.
The problem is that when I want to refresh this page, a text file opens in the browser that looks like this: (below)
Normally, the program should just refresh, right?
The same thing happens when I simply click on “Änderungen Speichern” again.
In the browser window, I can then simply click on “Back” at the top.
I hope you understand what I mean. I don’t know what to do here anymore.
Thank you.
Best regards,
FranzIn reply to: Fine tuning CF7 for Iphone – IOS
Hi,
Thank you for the update.
Please try to update the modification with the following css:
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area, .wpcf7 input[type=date] { -webkit-appearance: none; width: 100%; margin-bottom: 0; display: inline; min-width: 50px; padding: 13px; border-radius: 2px; border: solid 1px #e1e1e1; background: none; }Let us know the result.
Best regards,
IsmaelHi,
Thank you for the update.
1.) The selector would be “#top .avia-image-container.customclass .avia-image-container-inner img” since the custom class is applied to the parent container.
2.) Set the margin to “0 auto” to align the image to the center.
#top .avia-image-container.customclass .avia-image-container-inner img { margin: 0 auto; }Best regards,
IsmaelIn reply to: Tab section content being cut off
Hi,
To correct the display on desktop view, please add this css code:
.av-layout-tab-inner .container { max-width: 100vw; }Make sure to add this before the previous css code above.
Result:
Best regards,
IsmaelIn reply to: Column Rows Same Height
Hi,
Try:#top .av-special-heading.locationscolumn { min-height: 95px; }If this doesn’t help, please add the “locationscolumn” class so we can examine.
Best regards,
MikeIn reply to: Updating very outdated theme
Hey Otto,
The update to 7.1.2 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/Best regards,
RikardIn reply to: Tab section content being cut off
In reply to: No Logo in Header and a title instead
you can use f.e. the filter: avf_logo_final_output
using the settings on bloginfo and the page-titlefunction use_text_logo_only($logo){ $link = apply_filters( 'avf_logo_link', home_url( '/' ) ); $logo_tag = "h1"; $logo_heading = "Your Text for Logo"; $alt = get_bloginfo( 'name' ); $title = get_bloginfo( 'name' ); $page_title = get_the_title(); if(is_front_page()){ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>' .$logo_heading.'</'.$logo_tag.'></a>'; } else{ $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$page_title.'"><'.$logo_tag.'>' .$logo_heading.'<span class="page-title"> - '.$page_title.'</span></'.$logo_tag.'></a>'; } return $logo; } add_filter('avf_logo_final_output','use_text_logo_only');you see that here are some conditionals
here the front-page shows only the bloginfo – all other pages both blog-info and page-titlefit it to your needs .
Some css will finish the setting then – but it will be best to see the page it belongs to.
f.e.
#top .logo.text-logo { height: auto; display: block; margin: 0 !important; position: absolute !important; top: 50%; transform: translateY(-50%); } #top .logo.text-logo h1 { margin: 0 !important; font-size: 42px; }see here example: https://basis.webers-testseite.de/
there had to be some adjustments for responsive styling – because i will change it after you have seen the page – i do not want to do that.
