Tagged: , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 24, 2017 at 3:14 pm #751421
    February 24, 2017 at 3:20 pm #751429
    Yigit

    Hey 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,
    Yigit

    February 24, 2017 at 3:57 pm #751454
    calstore

    Thanks 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 #751523
    Yigit

    Hi,

    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,
    Yigit

    February 27, 2017 at 5:45 pm #752399
    calstore

    Hi 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 #752403
    calstore

    Additionally, 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 #755109
    Yigit

    Hi,

    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,
    Yigit

    December 5, 2020 at 9:27 pm #1265206
    awjensen

    Tried the solution in this post but the site name does not appear. Tmporary log in link below.

    December 8, 2020 at 3:54 pm #1265776
    Yigit

    Hi @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,
    Yigit

    January 13, 2021 at 8:56 am #1272068
    solf

    Hi, 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 #1272108
    Yigit

    Hi @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,
    Yigit

    January 13, 2021 at 1:05 pm #1272141
    solf

    Hi 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.
    solf

    January 13, 2021 at 1:24 pm #1272145
    Yigit

    Hi 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,
    Yigit

    January 13, 2021 at 3:13 pm #1272181
    solf

    Yess. Thank You

    ;-)
    solf

    January 13, 2021 at 3:43 pm #1272190
    Yigit

    Hi,

    You are welcome. Enjoy the rest of your day and let us know if you have any other questions :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Site title next to logo’ is closed to new replies.