-
AuthorPosts
-
February 24, 2017 at 3:14 pm #751421
I’d like to put a site title right to the logo – just like at the top of this site.
Tried the method described here: http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/
But it puts my title below the logo and the whole header area, and it isn’t visible, please see this screen:
https://www.dropbox.com/s/nck39m3iy6u90sv/enfold_logo.png?dl=0
I also tried the widget method, but – besides being cumbersome and overkill for inserting one single line of text, it also doesn’t support shrinking header, the text box stays at the same position while the header and the menu items move, which isn’t nice.
Digged through forums and spent already two hours on this task which seemed so simple. Can you help me please with this?
- This topic was modified 7 years, 8 months ago by calstore.
February 24, 2017 at 3:20 pm #751429Hey calstore,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.logo .subtext { margin-left: 10px; } .logo img { float: left; }
Best regards,
YigitFebruary 24, 2017 at 3:57 pm #751454Thanks a lot Yigit for your quick reply!
One more question, if I’d like to put in a subtitle there as well, and style it (for what I guess, “Logo Area secondary font color” refers to) what should I put additionally in PHP and how can I access it in CSS to customize it?
February 24, 2017 at 6:31 pm #751523Hi,
You can add following code to Quick CSS in Enfold theme options under General Styling tab
.subtext { color: red; font-size: 16px; }
If that is not what you meant, please post a screenshot and show the changes you would like to make :)
Best regards,
YigitFebruary 27, 2017 at 5:45 pm #752399Hi Yigit,
Thank you for your help. What I’d actually like is to have two different texts (a title and a subtitle) with different styles, just as it is in the header of this page (kriesi.at / Premium themes).
The method I used adds only one single style text (.subtext) to the header.
Any idea how to achieve this the easiest way?
Thank you!
February 27, 2017 at 5:57 pm #752403Additionally, I’d also like the title and subtitle to disappear on shrinking header, just as on the kriesi.at site. (or keeping only the title)
Basically, to mimic the header title functionality that is here, only with different font styles.
March 3, 2017 at 3:25 pm #755109Hi,
Sorry for the late reply!
You can use the code as following to add multiple lines
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= '<h1>Company Name</h1><br><span>Secondary text</span>'; return $sub; }
Then please add following code to Quick CSS
.header-scrolled .subtext { opacity: 0 !important; }
Best regards,
YigitDecember 5, 2020 at 9:27 pm #1265206Tried the solution in this post but the site name does not appear. Tmporary log in link below.
December 8, 2020 at 3:54 pm #1265776Hi @awjensen,
I added the code to functions.php and then added following code to bottom of Style.css file
.header-scrolled .subtext { opacity: 0 !important; } .logo .subtext h1 { font-size: 20px; width: 400px; padding-top: 30px; }
You can adjust the title in Functions.php file. Please review your website :)
Best regards,
YigitJanuary 13, 2021 at 8:56 am #1272068Hi, is the subject closed?
I also try to display the subtitle (exactly as above: logo on the left / right of the title line / subtitle. Disappears when the header is reduced in size Enfold 4.7.6.4 PHP version: 7.4.14) But the codes below do not provide a solution for me.greentinx, solf
===
Hi, ist das Thema erledigt?
Ich versuche den Untertitel auch darzustellen (genau wie oben: Logo links / rechts daneben Titelzeile / Untertitel. Verschwindet bei Verkleinerung des Headers Enfold 4.7.6.4 PHP-Version: 7.4.14) Doch die unteren Codes bringen bei mir keine Lösung.greentinx, solf
code in function.php:
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= ‘<h1>Company Name</h1><br><span>Secondary text</span>’;
return $sub;
}code to Quick CSS
.header-scrolled .subtext { opacity: 0 !important; }January 13, 2021 at 11:04 am #1272108Hi @solf,
Please add following code to Quick CSS field instead
#top .logo, #top .logo a { overflow: visible; } /* Subtext styling */ .logo .subtext h1 { font-size: 20px; font-weight: 600; } .logo .subtext { position: absolute; top: 50%; right: 0; transform: translate(120%,-50%); z-index: 999; line-height: 0; }
If that does not help, please start a new thread under Enfold sub forum and attach temporary admin logins in private content field so we can look into it :)
Best regards,
YigitJanuary 13, 2021 at 1:05 pm #1272141Hi Yigit;
Thank you. This Code works.
With your aforementioned css code, the text appears next to the logo. However, it does not disappear – as desired – when the menu is reduced.
solfJanuary 13, 2021 at 1:24 pm #1272145Hi Solf,
Sorry, for that following code should be in Quick CSS as well
.header-scrolled .subtext { opacity: 0 !important; }
If that does not help, please post a link to your page so we can look into it :)
Best regards,
YigitJanuary 13, 2021 at 3:13 pm #1272181Yess. Thank You
;-)
solfJanuary 13, 2021 at 3:43 pm #1272190 -
AuthorPosts
- The topic ‘Site title next to logo’ is closed to new replies.