WordPress.org

Forums

Hemingway
[resolved] Put the blog title on a side (Top-Right) (9 posts)

  1. MatthieuDaubin
    Member
    Posted 1 year ago #

    Hi there,

    I noticed that some people managed to put the blog title and the box on a side. I would like to put it on the top right on my site : http://matthieudaubinphotographie.fr/ .

    I already put it on the right, but not enough and not even on top.

    Could you please give me advice about this? :)

    Thanks in advance.

    Matt

  2. Tejas -The WP Chef
    Member
    Posted 1 year ago #

    Hi MatthieuDaubin,

    Try inserting/editing following code in your style.css

    .header-inner {
    position: relative;
    z-index: 2;
    text-align: right;
    margin: -120px 0 0 300px;
    }

    You can change margins to adjust the block of blog title on the right as per your need.

    Cheers :)

    Tejas

  3. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    Hi, try adding negative top and right positions, like this. This is the CSS rule you need to find:

    .header-inner {
        position: relative;
        text-align: right;
        z-index: 2;
    }

    Add top and right like this:

    .header-inner {
        position: relative;
        right: -74px;
        text-align: right;
        top: -110px;
        z-index: 2;
    }

    You need to adjust the negative margins until you find what you want. Also, you need to add media queries to adjust the same top and right values when the screen size changes.

  4. MatthieuDaubin
    Member
    Posted 1 year ago #

    Thank you very much Tejas Gandhi and Antonietta,

    @Antonietta : It works pretty well, I need to do some adjustments though.
    I have absolutely no knowledge on responsive design, so I'm gonna try to read about it.

    If you have some tips to create (SIMPLY) a child theme, it would be very helpful too.

    Thanks a lot!

    Matt

  5. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    Hi Matt,

    Creating a child theme is quite easy. The codex has this tutorial:
    https://codex.wordpress.org/Child_Themes

    Just create a new folder and name it as you like. Then, add a style.css file inside this folder following the instructions in the codex tutorial (obviously, change the theme's name accordingly). Finally, activate the child theme as you would any other theme.

    About responsive design, here you need to know about media queries. An example of media queries is in the style.css document in your theme (latest version 1.38). There, you find a table of contents and at the bottom (point 14 of the table of contents) you find rules for responsive design.

    Inside @media (max-width: 1040px) { } go all the CSS rules for screen sizes up to 1040px. @media (max-width: 800px) { } includes all CSS rules for screen sizes up to 800px, @media (max-width: 700px) { }, and @media (max-width: 500px) { } have css for screen sizes up to 700px and 500px respectively. Try adjusting your values inside these parameters in the style.css of your child theme, or add yours as required. It's a matter of trial and error. To have an idea of screen sizes for the media queries, use developer tools and extensions that you can install via your browser of choice.

  6. MatthieuDaubin
    Member
    Posted 1 year ago #

    Thank you for your nice and quick answer. I'm giving it a try as soon as I can! :)

    Thank you very much.

    Matt

  7. MatthieuDaubin
    Member
    Posted 1 year ago #

    Hi guys,

    It seems that I have a problem when creating a child theme...

    I really need your help.
    I just created a child theme for my theme. Everything's okay except the fact that at least one function has disappeared. I can not figure out why, but with my child theme I'm not able to edit the header image on my site. (Normally it should be possible by simply clicking the "Edit" button on my WP).

    (When I switch back to the parent theme, everything works fine)

    Has anybody a solution for this?

    => http://matthieudaubinphotographie.fr/

    Thank you very much.

    EDIT : I'm a bit confused but, it seems to works fine now... sorry for the inconvenience.

    Matt

  8. Maria Antonietta Perna
    Member
    Posted 1 year ago #

    I'm happy to hear that all's been resolved.

  9. gulliver
    Member
    Posted 1 year ago #

    Although I've a related/similar post in another thread, I'll add a note here because it's relevant.

    Moving the blog-info to a top corner be a significant improvement to the theme... although the opacity of the info box can of course easily be changed, the basic center position isn't to everyone's taste.

    Although I can do it in Hemingway Rewritten, I've spent hours unsuccessfully trying to do it with this theme... and am hoping someone else has a fix which doesn't require media queries.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic