WordPress.org

Ready to get started?Download WordPress

Forums

Delicacy color and menu changes (5 posts)

  1. aniinl
    Member
    Posted 1 year ago #

    Hi, I'm trying to make a few minor changes to my site http://www.theopenhandcafe.com with delicacy theme.

    I already fixed a lot of things from going through the forums here. Here are the remaining things I wanna do:

    - Change the color theme to a darker red (#800000)
    - Change the color of the sub menu
    - Remove the search field from the header and move it to the side bar
    - Remove the post/page title on the front page, as well as the page date and 'comments off' so that the video can move above the fold.

    Really appreciate your help!
    Thank you,
    Anja

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Are you using a child theme or custom CSS set up? You should not be editing any theme files - as your changes will be lost when the theme is updated. In order to move the search bar, you'll need to create a child theme:

    http://codex.wordpress.org/Child_Themes

  3. aniinl
    Member
    Posted 1 year ago #

    Thanks, WPyogi!
    I'm aware that changes will be lost. So I have kept separate files from which I can copy paste, should that happen, until I have the time to look into creating child themes. I wasn't sure if I was gonna be able to do it myself and how time consuming it would be.
    Thanks for the link!

    Any advise on how I can make the above changes - whether in child theme or not - I'm assuming it would work in the same way?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It only takes a few minutes to make a child theme (exceptions happen, but usually only if people are completely unfamiliar with FTP and/or creating files/documents, etc.). You will save yourself a ton of time and grief by doing it now. We really hesitate to help people ignore this kind of advice and create a mess for themselves down the road :). So that said:

    For the CSS changes, I'd recommend downloading and learning how to use Firebug - it shows you the exact CSS that is targeting a specific element on the page.

    I'm not sure what you mean by theme color.

    Drop down menu color is here:

    .sf-menu li li {
        background: none repeat scroll 0 0 #000000;
        float: left;
        padding: 0 0 0 10px;
        width: 100%;
    }

    in a child theme, you'd copy the above with just the background line to it and then make changes to the color.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    To move the search, copy this code from the header.php file to the sidebar file:

    <div id="search-form">
    					    <?php get_search_form(); ?>
    					</div>

    try just above this line:

    <div class="widget">

    Then you may need to change the CSS for the search bar too:

    #search-form {
        bottom: 15px;
        position: absolute;
        right: 20px;
    }

    The above is the existing CSS - but it won't likely work right in the sidebar.

Topic Closed

This topic has been closed to new replies.

About this Topic