Search Results for 'logo'

Well, the sidebar is easy to remove under “page template settings” on the editing screen.

As for the header and footer, there are a few ways you could do this. Here are two:

1. You could edit the respective template files in a child theme to check the page id and only include the relevant elements if it’s not your thank you page.

For example, once you set up and activate a child theme, you could edit the header file you’ve selected in your theme panel. Find this in your-child-theme/parts/header… .php, and add this line before the first div:

<?php if (!is_page('4994')) { ?>

and this at the very end:

<?php } ?>

Your landing page id is the number that comes up when you hover over the link to edit the page: http://www.screencast.com/t/ANsTxW7C

Then you would do the same to other files you want to remove (menu-top.php, footer.php), save, upload, and clear cache.

2. If you’re not comfortable with child themes or php, you could instead do it quickly through CSS:

.page-id-4994 .td-header-bg {
  display: none !important;
  }

And add any container classes that you want to hide, putting them where .td-header-bg is, e.g. .td-header-menu-wrap. You can find these using inspect element.

The CSS solution isn’t great because all the content will still be downloaded by the client’s browser, but it’s very easy.

3. Create a custom page template. WordPress checks for page templates in a hierarchy of importance, including the slug and the ID, so if you your page’s slug is /email-landing and you have a template named page-email-landing.php, or page-4994.php, and so on, WordPress will use that rather than the default one. Then you could edit that one to suit your needs. You could copy page.php from the parent theme’s folder as a starting point.

From what I’ve read, this is probably the most natural solution, but it would still need a child theme to survive theme updates, and to be honest I haven’t looked at enough custom template building yet to know what to advise you. For example, you can’t just remove the call to get_header() from page.php or you’ll lose a lot more than the logo div, etc.

Those are my two cents, coming from a relatively new learner of this sort of thing. If anyone has a better solution, feel free to mention it so I can learn too. 🙂

Perfect, thank you!

@TheMediumUTM, thanks for the info. I don’t necessarily want to center the logo on mobile I just want to be able to use the logo I have set for mobile. @Lucian, I replaced the .sfmenu with your adjustment but seeing no new results. It is still being displayed behind the menu and using the desktop version of the logo.

Hi Lucian, thanks for that, the logo is within the navbar now, however, the logo is now squished a bit and looks distorted. How to prevent this?

The issue looks like the fact that you’re setting .sf-menu to display: block on screens smaller than 767px. The team has designed the two menus (desktop and mobile) to both exist on the page and just hide one or the other using display: none. (Not a great way to do it in terms of SEO but they say they’re working on it.) By setting sf-menu to display:block you’re forcing it to show on mobile too.

The actual mobile menu id is #td-mobile-nav — that’s the one that slides in on the side. The little toggle icon for it is td-top-mobile-toggle. Your CSS would want to affect one of those. But are you sure you want to centre the mobile menu as well? There isn’t much to centre. 🙂

Maybe there is a misunderstanding.
I want the look of the classic blog navigation menu. Logo and under (between 2 line) the menu items. http://snag.gy/FWIYp.jpg

What im getting: http://snag.gy/uZjEV.jpg

Thanks, but its not working for me. Its giving me the same style as any other and its moving my logo to the left side instead of middle.

In Theme Panel – Header section, upload a logo image with smaller dimensions than what you have at present for Logo (Retina). That will solve all your issues 🙂

Just so you know, I’ve already tried the margin option on the theme options and nothing worked.

You could use custom CSS, in the theme panel, for the stroke. A quick “inspect element” check suggests that the logo area is td-menu-background. A stroke would be a border. In the blog-stack style I find this class actually has “border-top 1px solid #ebebeb” already. Just change or add that class to have a border-top of whatever colour, style, and thickness you want.

yeah thank you for this btw…

p.e

<img width="300" height="100" class="td-retina-data" data-retina="http://cherrykoks.de/wp-content/uploads/2014/08/log600.jpg" src="http://cherrykoks.de/wp-content/uploads/2014/08/log300opt.jpg" alt="CK LOGO "

Did I do this right- by writhing the height directly after width?

The Queries:

well actually I added a code via plug “Code Snippets” like this:

function remove_cssjs_ver( $src ) {
if( strpos( $src, ‘?ver=’ ) )
$src = remove_query_arg( ‘ver’, $src );
return $src;
}
add_filter( ‘style_loader_src’, ‘remove_cssjs_ver’, 10, 2 );
add_filter( ‘script_loader_src’, ‘remove_cssjs_ver’, 10, 2 );

before I included this – I had this code inside functions.php

/** Remove Query strings from Static Resources. */
function _remove_script_version( $src ){
$parts = explode( ‘?’, $src );
return $parts[0];
}
add_filter( ‘script_loader_src’, ‘_remove_script_version’, 15, 1 );
add_filter( ‘style_loader_src’, ‘_remove_script_version’, 15, 1 );
<?php
}
add_action(‘print_media_templates’, ‘td_change_backbone_js_hook’);

Should I use one of this or use a plugin?

Minify: yeah have seen had, but don’t know how to do (again: I’m no programmer and I don’t know css oder js )

my Cloudflare should originally do this (installed today- will take some time) Will this be enough? (or got an idea for dizzy blondes? 😀

Will have to change all this on the weekend…sadly I like the slider, looks good, but if its causing all the problems … 🙁

• This reply was modified 12 years by Cherry. Reason: added