• Hi guys,

    This is the page i am currently working on https://www.umagepar.dk

    What I want, is to make the searchbar smaller and float to the right. I also want the menu to be located under the header image.

    Besides that i want to center my contents and make it wider also. Some other weird thing i have noticed is, when i write something for the content, it just gets long compared to the wideness of the content. You can see i’ve tested it on the website.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    For these modifications, a Child Theme or Custom CSS plugin is needed to avoid modifying the theme’s original files. Changes to the theme’s files will erase once the theme updates.

    If you have either, let us know and we can assist you further.

    Thread Starter dirtymikado

    (@dirtymikado)

    Oh no, I’ve already edited the themes original files. Is it possible to start on the child theme or custom css plugin or is it too late?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s not too late, just make sure you don’t update your theme until you have transferred changes to the Child Theme or Custom CSS plugin.

    Thread Starter dirtymikado

    (@dirtymikado)

    Cool, so i just made a child theme ??

    What to do now?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding this CSS within your Child Theme stylesheet;

    .search-form input {
     width: auto;
    }
    
    .search-form input#s {
     float: right;
    }

    Thread Starter dirtymikado

    (@dirtymikado)

    Great! search engine is now put on the right and in the right size.

    So now we still need to put the menu under the header. Also after making a child theme my other menu links dissappeared, so now i only have one Om/about.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What files have you in your Child Theme directory?

    Thread Starter dirtymikado

    (@dirtymikado)

    I only have the style theme there, nothing else.

    Thread Starter dirtymikado

    (@dirtymikado)

    It looks like this in the style theme:

    /*
    Theme Name: Elegantwhite Child
    Description: Child theme for the elegantwhite theme
    Author: Michael Nguyen
    Template: elegantwhite
    */

    @import url(“../elegantwhite/style.css”);

    #site-title a {
    color: #009900;
    }

    .search-form input {
    width: 200px;
    }

    .search-form input#s {
    float: right;
    }

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Center and wider contents and more’ is closed to new replies.