WordPress.org

Ready to get started?Download WordPress

Forums

On a mission to conquer the top region of a site! (6 posts)

  1. david141
    Member
    Posted 2 years ago #

    On a mission to conquer the top region of a site!

    Hi everybody!

    I am on a mission. And that mission is to get my wordpress the way I want it to be (the site itself secretly also wants this).

    The address is http://www.ewb-consulting.com

    I am new to the game and am using the standard twenty eleven theme.

    Here is a link to an image showing what I would like the site to look like:

    https://img.skitch.com/20111003-qspiaxugpr6nfhtgt5j33d2ep.jpg

    Here are the challenges I am still facing with the site:

    Header image:
    I tackled the issue of having a huge header image by downloading a plugin.
    Btw: Here is a screenshot of all my plug-ins.
    https://img.skitch.com/20111003-tna9ua6df5q2ygcybhmnk6f6tx.jpg

    The issue that remains here, is that despite my image and logo being of great quality, wordpress somehow reduces the quality dramatically.

    Images in left Column:
    I downloaded a plugin called "image widget" hoping to get images on the side like I did on wordpress(dot)COM
    But for some reason they won't align with the text. Any ideas on how to handle this?

    Menu:
    And of course with Twenty Eleven, I am stuck with a black or white menu (not a nice blue one like in the image) and it is a pain to remove the search box and all other elements above the banner.

    So what would you do to go about this?
    Tackle the issues mentioned above one-on-one or go with a new theme altogether? Can you recommend a possibly easy to configure theme that will do what I am looking for?

    I am eager to learn and to see what your ideas on this may be!

    Thanks a lot!
    Best wishes,
    David

  2. Digital Raindrops
    Member
    Posted 2 years ago #

    First you are using the default theme and in danger of loosing all your changes if you do not use a child theme, updates often replace the WordPress default themes.

    Once you have a child theme you can then get help here in this forum for your theme changes.

    To generate the color styles for the Twenty eleven theme including the menu, I have a nice downloadable child theme that deals with all the colors.

    In the admin area it can change any colors you want, it also has a section to add your other styles, save and see the changes, then transfer the stylesheet changes to another child theme.

    HTH

    David

  3. david141
    Member
    Posted 2 years ago #

    Hi,

    Thank you very much for your reply!

    I read through the document on Child Themes. I then used your (btw awesome) child theme. Thanks for that!

    In order to get the search box removed, I edited the header.php file according to these instructions:
    http://wordpress.org/support/topic/remove-search-box-twenty-eleven

    I then removed the other stuff in the header by changing the style.css file.
    This was the link I used:

    http://allaboutbasic.com/2011/06/15/wordpress-com-theme-twenty-eleven-css-style-sheet-modification-change-site-titledescriptionpost-titlecommentsmenussidebar-and-more/

    Specifically, this part of the page:

    27. If you want to remove the complete Header portion ( Site Title, Site Description and search box)

    #branding hgroup {
    display: none;
    margin: 0 7.6%;
    }

    Using the header resize plugin described in my first post, my site now looks like this:
    http://www.ewb-consulting.com

    A lot cleaner and nicer! Thank you!

    I enjoyed starting to learn about editing my wordpress site this way, modifying the .css and .php files and such. But wouldn't there have been an alternative way? Like, for example, using a different and more customizable theme?
    This theme here called "atahualpa" probably also would have done the trick. But the admin panel isn't easy to configure. The way one can modify the colours through your child theme or a theme like this seems to be a lot easier.
    Does anybody know of a theme with such an easy to use admin interface?, which is for free

    Back to my website and initial post:
    Lastly my sharp jpg-image, still gets made blurry when uploaded to wordpress. Do you know how I could solve this issue?
    I also still don't know how to align the 3 images on the left (on my site) with the page headlines on my site.

    Any help and suggestions are much apreciated!
    A big thank you to the community!

    Best wishes,
    David

    ps. I just looked up what "HTH" stands for... and yes, it did ;-) Thank you!

  4. david141
    Member
    Posted 2 years ago #

    @ digital raindrops

    btw this might interest you. Always when I make a change I get the following notification:
    Warning: Cannot modify header information - headers already sent by (output started at /home6/ewbconsu/public_html/wp-content/themes/raindrops-colormaster/includes/color-functions.php:71) in /home6/ewbconsu/public_html/wp-includes/pluggable.php on line 934

    Changes still take effect and I don't really mind hitting the "back" button in my browser. Just thought I would let you know.

    HTH ;-D

  5. david141
    Member
    Posted 2 years ago #

    UPDATE:

    I kept getting the error above, and now I went back to the normal twenty eleven.
    There I checked to not display text above header (WHY didn't I see this before..I looked about 10 times and it is actually really obious)
    And I can use the Header resize plugin again.

    Now the search is in the menu bar but I can live with that.

    By reuploading a different image, the problem with the quality magically went away.

    Last question that reamains:
    How do I get those images on the left to go down a little bit so that they align?

    thx

  6. Digital Raindrops
    Member
    Posted 2 years ago #

    Hi David,
    Was the header already sent error on my theme?

    I was not able to re-create the error loacal host so I checked the download files, where I only found one character of whitespace that could cause this, removed that and re-uploaded the theme zip.

    Image alignment:

    .left-sidebar #secondary {
        margin-top: 15px;
    }

    Or:

    .left-sidebar #secondary {
        padding-top: 15px;
    }

    :)
    Regards

    David

Topic Closed

This topic has been closed to new replies.

About this Topic