Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #922531

    Hi Team

    I have someone looking at my SEO and wants to make some changes – with the theme, I am unsure where to make them, so please could someone offer me some guidance?

    I currently have an image in my header which contains a small-ish image (royal flush in cards) with a tag line as part of the image. My guy wants to swap that out to a new image (just of the cards) and have the tag line in an H1.

    Where would this change be made? I know in the Enfold section, I can change the image, which is fine, but where would I add the text? Help would be greatly appreciated with this.

    I have included credentials in case they are needed.

    Steve

    #922877

    Hey RoyalFlushGroup,

    The image you’re referring to is the logo, it can be changed in the theme options.

    Here is a thread for you to consider

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #924686

    Hi Victoria

    Thanks for your response. I have followed the instructions in that thread, but the results aren’t quite what I am hoping to achieve.

    The way that thread shows, has the tagline appearing below the header section, meaning when you scroll down (I did have the header static at the top), the tagline covers the content and simply looks awful.

    What I would like is a site logo in the header section, with an H1 tagline below the image, but still within the header section. I am switching off the static header to have a “normal” header that disappears when you scroll down the page (if that makes any difference).

    How would I achieve this with the Enfold Theme?

    Thanks

    Steve

    #925761

    Hi,

    Update your logo text in the below code and please try adding this at the very end of your themes / child theme’s functions.php file:

    //-------------------------------
    // Additional Logos
    //-------------------------------
    function add_custom_logos($logo) {
      if(is_page()){
      $logo .= '<a class="first-logo" href="#"><img src="https://royalflush-sport.com/wp-content/uploads/2018/03/Header-No-Tagline-1.png"><h1> YOUR LOGO TEXT </h1></a>';
      }
      return $logo;
    }
    add_filter('avf_logo_final_output', 'add_custom_logos');

    Best regards,
    Vinay

    #925771

    Hi Vinay

    Thanks for coming back to me – I implemented your code and it didn’t provide the the desired effect. I tried to attach a snippet but can’t, so to describe it…

    I had the logo in the usual left-side of the header, but alongside that, to the right, same line, I had:

    rt.com/wp-content/uploads/2018/03/Header-No-Tagline-1.png”><<h1>Free Matched Betting for the UK</h1>

    Not sure where to go from here?

    Thanks

    Steve

    #925908

    Hi,

    I checked your site it is not displaying the result from the code provided. Please implement the code and we will help you with custom CSS to style it.
    You can also try the solution provided here https://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/

    Please upload a screenshot/mockup of the end result you are looking for to imgur.com and share the link here so we can help you better :)

    Best regards,
    Vinay

    • This reply was modified 6 years, 9 months ago by Vinay.
    #926261

    Hi

    thanks for getting back to me.

    I tried the solution you provided above but that didn’t quite match what I was after. I have added a mock-up at: https://imgur.com/a/X4JYK

    What I would like is for the deck of cards and the site name to be image, but for the tagline “Free Matched Betting for the UK” to be text within the site, preferably h1.

    I achieved similar using the above solution, but the tagline was below the header section. What I would like is for all of it to be in that section, on my site, effectively all being within the white section.

    The image itself will soon be changed – for a similar one – but I am still going to want the same effect.

    Thanks

    Steve

    #926908

    Hi,

    You can add subtext to your logo by adding following code to Functions.php file of your child theme in Appearance > Editor

    The below code will wrap your subtext in an H1 tag, we will add custom CSS to style it.

    //---------------------------
    // Logo subtext
    //---------------------------
    
    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
        $sub .= '<h1>Free Matched Betting for the UK</h1>';
        return $sub;
    }

    Add the below CSS in Enfold > General Styling > Quick CSS

    /* CSS - Subtext below the logo */
    /* 
    If your subtext is overflowing outside the header 
    please increase the header height from
    Enfold > Header > Header size > Custom pixels 
    */
    
    #top .logo,
    #top .logo a {
    	overflow: visible;
    }
    
    /* Subtext styling */
    .logo .subtext h1 {
    	font-size: 20px;
        font-weight: 600;
    }
    
    .logo .subtext {
    	z-index: 999;
    }
    /* Reduce the logo height to make space for the subtext below */
    #top #header .logo img {	
    	max-height: 70%!important;
    	margin-top: 10px;
    }
    
    /* OPTIONAL CHOICE : Change position of subtext when scrolled */
    #top #header.header-scrolled .logo img {	
    	max-height: 100%!important;
    }
    #top #header.header-scrolled .logo .subtext {
    	position: absolute;
        top: 50%;
        right: 0;
        transform: translate(120%, -50%);
    }

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.