Forum Replies Created

Viewing 15 replies - 316 through 330 (of 681 total)
  • Could you please provide a link?

    First, please remove the @import line. Customizr auto-loads the parent style.css and you’re only loading it twice, which will slow the browsing down, having a duplicate on all CSS.

    For your problem, you need to go to Dashboard > Appearance > Menus and assign an existing menu to the default menu location. If you don’t have any saved menus, you’ll need to create one.

    Also, for future comments, please enclose your code between two lines (one at start and one at end) containing a single backtick (`) each, and it will display properly.

    You just created a placeholder (location) for your menu. You need to create the actual menu in Dashboard > Appearance > Menus and assign it in the secondary-menu location you have created.

    Besides, I’m under the impression that you skipped this rather important note at the bottom of the snippet:

    I do not recommend this snippet to people who are not comfortable understanding and editing PHP and CSS code at an intermediate to advanced level, as it’s not an “out-of-the-box” solution. It’s just a starter kit for people who know coding but are not yet familiar with WP functions.

    With all due respect, as of what you’ve posted so far, this snippet is way over your programming skills and chances are it will give you a lot more headaches that results.

    Assuming you want to add the icon before an element identified by the some specific CSS selector, (let’s just use #css-selector, for exemplification), add this to Dashboard > Appearance > Customize > custom CSS or in your child theme’s style.css:

    #css-selector:before {
    	content: "\1F4DE";
    	display: inline-block;
    	font-family: 'entypo';
    	speak: none;
    	font-weight: normal;
    	font-variant: normal;
    	text-transform: none;
    	line-height: 1;
    	-webkit-font-smoothing: antialiased;
    }

    From DOM’s point of view, #css-selector:before is a child of #css-selector, hence you could use any CSS declarations to further customize it, the most common being: padding, margin, font-size, top, color and opacity. In order to change the icon with another, just use the U+hexcode from entypo charmap, but replace U+ with a backslash (\).

    On the other hand, if you only want to display entypo icons inline, declare a custom class (let’s call it .entypo-class) in your CSS:

    .entypo-class {
    	display: inline-block;
    	font-family: 'entypo';
    	speak: none;
    	font-weight: normal;
    	font-variant: normal;
    	text-transform: none;
    	line-height: 1;
    	-webkit-font-smoothing: antialiased;
    	font-size: xx-large;
    }

    and add your entypo code in your html like this

    <span class="entypo-class">&#128222 ;</span>

    Please note that I couldn’t use the correct html entity in the span, as WP forum automatically changes it into the actual html entity, so you need to remove the space between the code and the finishing semi-colon (;). Also please note that this time you need to use the HTML entity code of the icon. I used the telephone as you mentioned it above. Again, you’re free to add CSS declarations to further customize the look and feel of your icons, but try to leave the ones declared above unchanged. They are a reset of the font, making sure it will render properly in most situations, regardless of the text properties of the context.

    @bstrong95: This will fix it:

    @media (max-width: 767px) {
    	.span9.article-container .round-div,
    	.span6.article-container .round-div {
    		border-color: transparent;
    		}
    	}

    @nikeo: I believe specifying border-color in media queries could and should be avoided.

    That’s wrong. Here’s how your child theme’s style.css header should look like:

    /*
     Theme Name:     Customizr Child
     Theme URI:      [Put your site's link here]
     Description:    Child theme for Customizr
     Author:         [Put your name here]
     Author URI:     [Put your personal link here]
     Template:       customizr
     Version:        1.0.0
    */

    You may change all values except Template. Delete the

    @import url('--/customizr/style.css');

    command. Normally all child themes need to import the parent theme’s stylesheet, but Customizr is auto-loading it. Actually, if Customizr didn’t load it for you, your website would have been broken now, as the command should have been

    @import url('../customizr/style.css');

    So delete that import command and add to this file any custom CSS you need for your child theme.

    Add

    img#wpstats { display: block; height: 0; }

    to your custom CSS panel in Dashboard > Appearance > Customize or in your child theme’s style.css

    By the way, you have an error on your website:

    Failed to load resource: the server responded with a status of 404 (Not Found) http://www.welkessa.com/wp-content/themes/customizr-child/–/customizr/style.css

    If you’re trying to load style.css from the parent theme using an import command in the child theme’s style.css, you don’t need it with Customizr, it’s auto loaded for any child theme.

    Here’s a snippet on how to add extra menus to Customizr. In your case, for adding the menu under the slider, the php would have to look like this:

    add_action( 'init', 'register_secondary_menu' );
    function register_secondary_menu() {
        if ( function_exists( 'register_nav_menu' ) ) {
            register_nav_menu( 'secondary-menu', 'Secondary Menu' );
        }
    }
    
    add_filter('tc_slider_display', 'display_menu_under_slider');
    function display_menu_under_slider($output) {
    	ob_start();
    	echo (has_nav_menu( 'secondary-menu' ) ? wp_nav_menu (
            array (
                'theme_location' => 'secondary-menu',
    			'container_id'    => 'secondary-menu',
    			'container_class'    => 'secondary-menu'
            )
        ).'<div class="clearall"></div>' : '' );
    	$secondary_menu = ob_get_contents();
    	ob_end_clean();
    	return $output.$secondary_menu;
    }

    However, you have to come up with the CSS for this menu yourself. Note that the menu will appear under Customizr sliders even if you’re not on home page.

    Add this to your custom CSS panel in Dashboard > Appearance > Customize or in your child theme’s style.css:

    .carousel-caption {
    	margin: 0;
    	max-width: none;
    	width: 80%;
    	padding: 5% 10%;
    }

    I haven’t actually looked in the code to check if what I’m about to say is true, but I strongly believe it is:

    If the post’s image is set as featured image it will always have the rounded corners. The “no-effect” appears when no featured image is set and the post image is “grabbed” from the post.

    For the background part, add this into custom CSS panel (Dashboard > Appearance > Customize)

    body, .tc-header {
    	background: #DDD;
    }
    .round-div {
    	border-color: #DDD;
    }

    You may change #DDD to any other valid html color-code.

    For the 2nd part, I really don’t understand what you want. Try to use objective descriptions when you ask for modifications. You said “professional shaped” but whatever looks “professional” to you might look “unprofessional” to me and vice-versa. Instead, just use a link or a picture if you can’t describe what you need in plain English.

    @borismod: You don’t need a new thread for this, as it’s exactly what Funkan asked for and exactly what the solution provided above does. You may see the code above in action here (both php and css). If you need a more complex menu, you’ll need to extend the CSS.

    If you want your menu to be displayed horizontally just make sure all your menu elements from secondary menu are top level (no children). The CSS provided above is basic and is only intended to make a single level menu show up ok. If you want a multi-level menu you need to style it further (hide 2nd level items and above, only display them on parent:hover, position them absolute, provide proper padding and dimensions, etc…).

    You can’t have a transition on display. It’s either displayed or not. It can’t be half displayed. In order to fade something in CSS you need to display the element in both on and off states and change it’s visibility property, eventually alter the z-index to make sure the links always work on visible elements (if you don’t and have an invisible element over the visible one the invisible one prevents the clicks on the visible one’s links in some versions of some browsers).

    I don’t have the time to build a solution now, but wanted to set you on the right track. I’ll get back to this in a day or two if you’re not making any progress.

    That snippet was intended only for making parent links clickable, while allowing mobile devices to open the submenus using a caret, nothing else. I never thought someone would install it on a single level menu and, besides, it shouldn’t have any impact on a single level menu.

    As for the theme owner’s consideration, this theme was built on tweeter Bootstrap 2.3.2. It was quite logic to use the tB 2.3.2 menu with it’s well known limitation (links stripped from parents because mobile devices cannot hover, hence they can’t open submenus other than by click).

    However, if you don’t want to use the default menu, you can disable it with

    add_filter('tc_menu_display', 'disable_main_menu');
    function disable_main_menu($output) {
    	return;
    }

    and register/build/style your own using register_nav_menu() and wp_nav_menu(), the default functions for registering and displaying menus in WordPress.

    @bagedi: Please note the functions above only create a new menu location in the layout. In order to see your menu you need to go to Dashboard > Appearance > Menus, create/manage your menus and assign one in the newly created location.

Viewing 15 replies - 316 through 330 (of 681 total)