Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2018 at 10:26 pm #922531
    RoyalFlushGroup

    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

    March 7, 2018 at 11:54 am #922877
    Victoria

    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

    How do I create a tagline under my logo?

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

    March 9, 2018 at 8:01 pm #924686
    RoyalFlushGroup

    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

    March 12, 2018 at 10:30 pm #925761
    Vinay

    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

    March 12, 2018 at 10:47 pm #925771
    RoyalFlushGroup

    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

    March 13, 2018 at 7:47 am #925908
    Vinay

    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, 8 months ago by Vinay.
    March 13, 2018 at 9:39 pm #926261
    RoyalFlushGroup

    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

    March 14, 2018 at 11:15 pm #926908
    Vinay

    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

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