WordPress.org

Support

Support » Themes and Templates » [Resolved] Easel Version 3.3.3- How to completly remove page title

[Resolved] Easel Version 3.3.3- How to completly remove page title

  • I would like to know how to remove the page titles, ex HOME, FAQ, etc… The only titles I would like to see are the header menu’s . Any ideas? Thanks – Samuel
    zledslights.com

Viewing 11 replies - 1 through 11 (of 11 total)
  • Theme Author Frumph

    @frumph

    You can do that one of several different ways, you can do it with CSS

    body.page .page-title { display: none; }

    Or if you have a child theme, you can do it with code.

    add_filter('easel_display_post_title', 'mytheme_remove_page_titles');
    
    function mytheme_remove_page_titles($post_title) {
    global $post, $wp_query;
           if (is_page()) return '';
           return $post_title;
    }

    You can modify the function displaypost.php easel_display_post_title() and wrap if (!is_page()) around it

    you could copy the content-page.php file and put that into your child theme and edit it (or just straight edit it) with the following change (putting two slashes in front of the call:

    //	easel_display_post_title();

    ..

    Great! Thanks!! 🙂 I got it working. I went ahead and just copy and paste the CSS code in the very bottom inside the style.css file

    Quick question , Is there a CSS code to change the round edges to square edges?

    Theme Author Frumph

    @frumph

    the round edges are made with border-radius:

    -moz-border-radius: 10px;
    	-khtml-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;

    Just find the element you don’t want to be round edged and remove them

    Please excuse my ignorance, im very new. .Elements are each individual sections of the site? Are the elements code located on the same style.css file?

    Got it! I changed it from 10px to 0px… found it on styles-default.css

    Ive been tweaking the following code

    #content-wrapper {
    	background: #111 url('images/background-lines.png') repeat;
    	-moz-border-radius: 0px;
    	-khtml-border-radius: 0px; /* CHANGED FROM 6PX to 0PX */
    	-webkit-border-radius: 0px;
    	border-radius: 0px;
    	-moz-box-shadow: 1px 2px 10px #000;
    	-webkit-box-shadow: 1px 2px 10px #000;
    	-khtml-box-shadow: 1px 2px 10px #000;
    	box-shadow: 1px 2px 10px #000;
    }

    Is it possible to add a “10% Transparent” into the background #111 ?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    CSS opacity is probably something you don’t want to add because it makes all child elements inherit the opacity.

    If you want a transparent background, use a transparent background image.

    I see. The background idea sounds even better.. Now i have no idea how to upload files into installation folder however can I use a direct link to a picture hosting service?

    example

    #content-wrapper {
    	background: #111 url('www.pictures.com/user/folder/picture.jpg') repeat;
    	-moz-border-radius: 0px;
    	-khtml-border-radius: 0px; /* CHANGED FROM 6PX to 0PX */
    	-webkit-border-radius: 0px;
    	border-radius: 0px;
    	-moz-box-shadow: 1px 2px 10px #000;
    	-webkit-box-shadow: 1px 2px 10px #000;
    	-khtml-box-shadow: 1px 2px 10px #000;
    	box-shadow: 1px 2px 10px #000;
    }
    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Absolutely, just make sure you start the URL with “http://”, for example:

    background: #111 url('http://www.pictures.com/user/folder/picture.jpg') repeat;

    Excellent! I really appreciate your help and the quick replies. You too Frumph! Your theme rocks!

    Theme Author Frumph

    @frumph

    “like”

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] Easel Version 3.3.3- How to completly remove page title’ is closed to new replies.