Forum Replies Created

Viewing 15 replies - 511 through 525 (of 681 total)
  • You shouldn’t edit footer.php to change the footer. Here’s what you’re looking for: Altering/adding footer credits.

    Sure, but you need to insert one more wrapping div in it (so you have offset1 from the margins) and that changes the structure a bit:

    <div class="row"><div style="background-color: #fff; padding: 20px; border: 1px solid #e6e6e6; box-shadow: inset 0 2px 9px rgba(0,0,0,.1); border-radius: 9px;" class="span10 offset1">
    	<div class="span6">
    CELL 1 HERE
    	</div>
    	<div class="span6">
    CELL 2 HERE
    	</div>
    	<div class="span5 offset3" style="text-align: center;">
    <h4><a title="Contact us" href="http://www.motoridetransylvania.com/contact-us/">BOOK NOW</a></h4>
    	</div></div></div>

    Styled it up a bit too.

    Apply this snippet.

    Also, you need to uncheck “Force logo dimensions to max-width:250px and max-height:100px” from Customizr Panel > Logo & Favicon.

    Thread Starter acub

    (@acub)

    Please note that all of the above are dev versions.

    This snippet has been added in the snippets collection on Customizrs’ official website and that’s where you’ll find the updated version for the latest release of Customizr.

    This topic may be closed.

    Please mark as resolved.

    When your theme is responsive, your content should be too.
    Don’t use a table for 2 cells. Style it like this:

    <hr class="featurette-divider" />
    <div class="row">
    	<div class="span5 offset1">
    FIRST CELL CONTENT HERE
    	</div>
    	<div clas="span5">
    SECOND CELL CONTENT HERE
    	</div>
    	<div class="span6 offset3" style="text-align: center;">
    		<h4>
    BOOK NOW LINK HERE
    		</h4>
    	</div>
    </div>

    and let the browser/device decide if it has room for 2 cells side by side. If it does, they’ll be displayed on two columns, with the link, bigger and centered, under them. If not, on narrow devices, the 2nd text will flow under the 1st, followed by the link.

    Narrow your browser and you’ll see what i’m talking about.

    add in your custom CSS panel, from Customizr options:

    .assistive-text {display: none;}

    Normally it should check to see if you have more than 1 post and not show up if you don’t. However, when you will have more than 1 post it should show up so people understand what’s with the buttons below it (that will lead to older or newer posts).

    He was pretty clear: in the Demo.

    You cannot edit the Demo, because Demo is not really a slider. It’s made up from code, so you see how a slider would look/behave if you had one.

    You can edit your own sliders (including reordering) from the edit screen of any of its images. Actually you can do it from any image’s edit screen (you add it to the slider, edit the slider and than remove it from it).

    But you can’t reorder Demo.

    First off, I do not recommend putting a link inside the tagline, SEO wise. Tagline is displayed by search engines and it will always be treated as a descriptive slogan/quote and will be stripped of any html. In other words, if you put a link inside it, you should expect it to be stripped when displayed in search engines results, sometimes even with the text that’s supposed to be the link.

    I also do not recommend modifying parts/class-header-menu.php because that file is prone to changes at updates from any of it’s parts:
    – menu social links
    – menu display
    – logo display
    – tagline display

    If the theme author changes any of those for any display (mobile, tablet, desktop), than class-header-menu.php changes in parent theme. And if you have it in your child theme, yours will be loaded so you are practically giving up the future updates on any of the elements listed above. In addition, if the file in the parent file changes to the point that the theme expects a different output from it, your installation will break.

    A much safer approach is to only filter the display of the tagline: tc_tagline_display, by adding in your child theme’s functions.php:

    add_filter('tc_tagline_display', 'your_tagline_filter_function');
    function your_tagline_filter_function($html) {
    // do stuff to $html (it holds the html containing your tagline)
    return $html;
    }

    Of course, you need to modify $html contents. You could run a preg_replace() and modify its contents. Or you could just return

    return '<a href="your_custom_link" title="your_custom_title">'.$html.'</a>';

    which wraps all description (including the h2 tag) in your link. This is good, as search engines will continue to take the h2 contents and display it properly. Just make sure it makes some sense even without the link: (ex: Join us now!).

    Here’s how I would do this: I’d put a proper slogan inside the tagline. Like “homes for tomorrow” or whatever you or your client think is best. Add this to functions.php (version of the function above):

    add_filter('tc_tagline_display', 'your_tagline_filter_function');
    function your_tagline_filter_function($html) {
    return $html.'<h2 class="tagline-teaser"><a href="your_linl" title="your_description">Join Now</a></h2>';
    }

    And add this in your style.css of your child theme or in the custom CSS panel:

    h2.site-description {diplay: none;}
    h2.tagline-teaser, h2.tagline-teaser a {  font-size: 18px;
      padding-top: 0px;
      line-height: 20px;
      font-style: italic;
      color: #9db668;
    }

    The slogan will never appear on the page, but it will be displayed by search engines under your site title. Instead of it, your website will display the link.

    .entry-title is way too generic to use.
    If you only want to hide page titles on single pages just use

    body.page header h1.entry-title {display: none;}

    and it will not affect the display of titles anywhere else (posts, search results, archives, categories, author content lists, etc)

    Your sidebars show now, but you have selected the right sidebar for this page, and it’s empty. Get your page to display with left bar and, if it has content, it will be rendered.

    Thread Starter acub

    (@acub)

    Take some bigger flags (I made mine 32px x 32px) and save them in your theme under /flags as {language_code}_big.png.
    Than add this CSS for each of the languages you use

    .qtrans_flag_{lang_code} {background: transparent url({link_to_your_theme_folder}/flags/{lang_code}_big.png} center center no-repeat;}
    /* Example, for italian: */
    .qtrans_flag_it {background: transparent url(/wp-content/themes/customizr-child/flags/it_big.png) center center no-repeat;}
    /* End of example ********/

    where {lang_code} is your language code and {link_to_your_theme_folder} is your relative or absolute path to theme folder.

    I personally have put them in the qtranslate folder, but it’s wrong, I should move them into the theme folder so I don’t have to re-copy the flags each time I update qtranslate.

    Thread Starter acub

    (@acub)

    The hook __logo_title no longer exists in this version. You have to hook your action to __after_header instead.

    Thread Starter acub

    (@acub)

    Darn! Forgot something. Add this to the CSS:

    @media (min-width: 980px) {
    	ul.nav li.dropdown:hover a.a-caret + ul.dropdown-menu {
    		display: block;
    	}
    }

    The final snippet on site will have this included.

    Sorry. :p

    Thread Starter acub

    (@acub)

    Ok, here’s the final code. You may view and test the menu here. Let me know if you find any glitches. I’ll give it a few days for testing/feedback and, if everything’s cool, I’ll add to site snippets.

    CSS (goes in style.css of your child theme):

    ul.nav li.dropdown > ul.dropdown-menu {
    	padding-top: 10px;
    	margin: 0;
    	}
    .nav > li > a.a-caret {
    	display: block;
    	padding: 8px;
    	position: absolute;
    	height: 10px;
    	width: 10px;
    	top: 1px;
    	left: 10px;
    	}
    .nav > li > a.a-stripped {
    	padding: 5px 2px 5px 38px;
    	}
    .navbar .nav .dropdown-toggle .caret {
    	margin-top: 4px;
    	margin-left: 1px;
    	}
    .navbar .nav > li > .dropdown-menu:before {
    	left: 16px;
    	}
    .navbar .nav > li > .dropdown-menu:after {
    	left: 17px;
    	}
    @media (min-width: 980px) {
    	ul.nav li.dropdown a.a-caret:hover + ul.dropdown-menu,
    	ul.nav li.dropdown ul.dropdown-menu:hover {
    		display: block;
    		z-index: 1001;
    		}
    	}
    .navbar .navbar-inner {
    	box-shadow: 0 2px 15px rgba(0,0,0, 0.12);
    	}
    .navbar .nav > li > .dropdown-menu:before {
    	border-bottom: 7px solid rgba(153, 153, 153, 0.27);
    	}
    .navbar .nav > li > .dropdown-menu:after {
    	border-bottom: 6px solid rgba(255,255,255,.9);
    	}
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    	background-color: #ececec;
    	border-radius: 4px;
    	box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
    	}
    ul.dropdown-menu {
    	background-color:rgba(255,255,255, .8);
    	}
    @media (max-width: 979px) {
    	.nav > li > a.a-stripped {padding-right: 45px; padding-left: 45px;}
    	.nav > li > a.a-caret {
    		border: 1px solid #ddd;
    		}
    	.nav-collapse .nav > li > a.a-caret:hover {
    		background-color: #ddd
    		}
    	ul.nav li.dropdown.open ul.dropdown-menu  {
    		background-color: #ececec;
    		border-radius: 4px;
    		box-shadow: inset 0 2px 3px rgba(0,0,0,.35);
    		}
    	.dropdown-submenu > a:after {
    		border-left-color: transparent;
    		border-top-color: #ccc;
    		border-width: 5px 5px 0 5px;
    		}
    	.dropdown-submenu:hover > a:after {
    		border-top-color: #fff;
    		}
    	.dropdown-submenu:hover > a:after {
    		border-left-color: transparent;
    		}
    	ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu ul.dropdown-menu {
    		background-color: #f8f8f8;
    		border-radius: 0;
    		box-shadow: 0 2px 3px rgba(0,0,0,.21);
    		display: block;
    		margin-right: 4px;
    		}
    	ul.nav li.dropdown.open ul.dropdown-menu .dropdown-submenu:hover > a {
    		color: white;
    		}
    	}

    PHP (goes in functions.php of child theme):

    add_filter('tc_menu_display', 'acub_menu_display');
    function acub_menu_display($output) {
    	echo preg_replace('| class="dropdown-toggle" data-toggle="dropdown" data-target="#"(.+?)<b |', ' class="a-stripped" $1</a><a href="#" class="dropdown-toggle a-caret" data-toggle="dropdown" data-target="#"><b ', $output, -1);
    	}

    Very important note: apart from all the rest of the child theme’s files, functions.php and style.css are the only 2 files that should not be modified copies of their parent counterparts; please read about creating child themes.

    Not so important note: This snippet has been developed on Customizr 3.0.13 and WP 3.6.1 and is not guaranteed to work on previous or later versions.

    Enjoy.

Viewing 15 replies - 511 through 525 (of 681 total)