This topic contains 5 replies, has 2 voices, and was last updated by  Sakin 4 years, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #51917

    daniel12
    Member

    Hey there, I am wondering how to remove the border image at the top of the header image of my website.

    I would also be able to costumize the menu and remove that grey box on the menues if that’s possible.

    chriscanfly.com

    #51932

    Sakin
    Keymaster

    @daniel12: Yes, you can remove the border image in your header by adding in the following css in “Appearance => Theme Options => Custom CSS” box:
    #header .top-bg { display: none; }

    You can remove add your own custom menu from “Appearance => Menus” and then assign that menu location as Primary menu from “Appearance => Menus => Manage Locations” For more check out custom menus at http://catchthemes.com/blog/videos-blog/video-series-creating-wordpress-custom-menus/

    If you are thinking of remove the border in the menu as well. Then you can add the following css in “Appearance => Theme Options => Custom CSS” box:
    #header #mainmenu, #header #mainmenu ul li { border: none; }

    To change the background and text color of hover/active menu then you can change the color code in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:

    #header #mainmenu ul li a:hover, 
    #header #mainmenu ul li.current-menu-item a,
    #header #mainmenu ul li.current-menu-parent a, 
    #header #mainmenu ul li.current_page_item a, 
    #header #mainmenu ul li.current_page_ancestor a, 
    #header #mainmenu ul li:hover > a {
        background-color: #444;
        color: #fff;
    }

    Note: Looks like you are editing/adding file inside core theme folder ‘simple-catch’. You shouldn’t edit or add any files inside ‘simple-catch’ folder, as all these edits will be reverted back to original when you update the theme. So, please use child theme to edit/add codes. If you have simple editing then I recommend you to use “Appearance => Theme Options” settings.

    #51972

    daniel12
    Member

    Thank you very much Sakin. My other question is, can you force to menu to keep appearing as you scroll down the page as well as add a background colour into it? Like in this page? http://www.superficialgirls.com

    Also for some reason the slider stopped working, but that’s weird as it was working properly before, any ideas?

    I’m not sure what you mean by “Looks like you are editing/adding file inside core theme folder ‘simple-catch’”, I just deleted the footer and added a few css codes. I’m also not quite sure what child theme is.

    #52015

    Sakin
    Keymaster

    @daniel12:
    1. No you cannot change menu like that. You might want to check for plugin to use sticky menu. We haven’t designed that that.
    2. Slider stopped working as you have remove/edited the footer.php. Restore that file and it will start working.
    3. Yes, you shouldn’t edit/delete any files inside ‘simple-catch’ folder. This is not the good way to modify the theme. As all your modification will be reverted back to original when you update the theme. Child theme is the safe way to edit the theme. Check this http://catchthemes.com/blog/create-child-theme-wordpress/
    4. For few css, you can just add it in “Appearance => Theme Options => Custom CSS” box or create child theme and add in your child theme style.css file.

    #52112

    daniel12
    Member

    Thank you very much Sakin, you are the real deal!

    Have any suggestions on the plugin to make the menu look like that?

    Yes, the slider worked again, wonderful!

    Alright, I’ll get started learning about this child-theme thing. Also, one question, can I make the feature image look bigger in the blog, like in this wesbite? superficialgirls.com

    Also I’d like to be able to remove the Powered by wordpress thing without compromising the slider, if that’s possible?)

    Thank you again Sakin!

    #52178

    Sakin
    Keymaster

    @daniel12: This theme is not ideal for large header image. Maybe try other theme like Catch Adventurous.

    In Simple Catch Theme, to add large image, you need to build child theme and then copy content.php file to your child theme and replace

    <div class="col3 post-img">
    	<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'simplecatch' ), the_title_attribute( 'echo=0' ) ); ?>"><?php the_post_thumbnail( 'featured' ); ?></a>
    </div> <!-- .col3 -->

    With the following code:

    <div class="col8 post-img">
    	<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'simplecatch' ), the_title_attribute( 'echo=0' ) ); ?>"><?php the_post_thumbnail( 'full' ); ?></a>
    </div> <!-- .col3 -->

    Again replace the code
    <div class="col5">
    with the following code
    <div class="col8">

    About the footer, it’s same you need to build child theme and work on it. Only Pro version give you Footer Editor in theme options panel to change the footer text.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Removing header border’ is closed to new replies.