Tagged: , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #751421
    #751429

    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

    #751454

    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?

    #751523

    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

    #752399

    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!

    #752403

    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.

    #755109

    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

    #1265206

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

    #1265776

    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

    #1272068

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

    #1272108

    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

    #1272141

    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

    #1272145

    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

    #1272181

    Yess. Thank You

    ;-)
    solf

    #1272190

    Hi,

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

    Best regards,
    Yigit

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