• Hello,

    Please help me locate the code to move the post title to anywhere but left. I do not know how and am very stuck. The page is ‘News’ so you can see the example.

    here is my page

    https://ellawoolner.com

    Thank you in advance

Viewing 9 replies - 1 through 9 (of 9 total)
  • You can move that by changing the margins in the following CSS (line 993 in style.css:

    .art-postheader {
        color: #000000;
        font-family: Georgia,"Times New Roman",Times,Serif;
        font-size: 13px;
        font-weight: normal;
        line-height: 1em;
        margin: 5px 0;
    }

    Specifically, you need a left-margin — which will move it to the right.

    Thread Starter umanoodle

    (@umanoodle)

    Hello WPyogi,

    T?h?a?n?k? ?y?o?u?,? ?I? ?f?o?u?n?d? ?t?h?e? ?l?i?n?e? ?a?n?d? ?a?n?d? ?t?h?e? ?c?o?d?e? ?b?u?t? ?w?h?e?n? ?I? ?e?d?i?t?e?d? ?t?h?i?s? ?m?a?r?g?i?n?:? ?5?p?x? ?0?;? ? ?A?n?d? ?c?h?a?n?g?e?d? ?i?t? ?t?o? ?a? ?l?a?r?g?e?r? ?n?u?m?b?e?r?,? ?i?t? ?c?h?a?n?g?e?d? ?t?h?e? ?h?e?i?g?h?t? ?a?r?o?u?n?d? ?t?h?e? ?t?e?x?t?,? ?d?o? ?I? ?n?e?e?d? ?t?o? ?a?d?d? ?s?o?m?e? ?p?a?d?d?i?n?g? ?t?o? ?t?h?e? ?c?o?d?e? ?s?o? ?i?t? ?w?i?l?l? ?c?h?a?n?g?e? ?t?h?e? ?m?a?r?g?i?n? ?f?r?o?m? ?t?h?e? ?l?e?f?t???

    Thank you again. x

    Thread Starter umanoodle

    (@umanoodle)

    Hello,

    Ignore that, fixed with >

    /* begin PostHeaderIcon */
    .art-postheader
    {
    color: #000000;
    margin: 5px;
    margin-left: 187px;
    line-height: 1em;
    font-family: Georgia, “Times New Roman”, Times, Serif;
    font-weight: normal;
    font-size: 13px;
    }

    Thank you for your help ??

    x

    Thread Starter umanoodle

    (@umanoodle)

    Hello,

    Where (what line) would I need to add margin-left: 187px; to move the post content over as well, the images and text, at present I do it in the post with a table. Can I over rule with css?

    Thank you, again

    e.x

    Firebug is a great tool that will help you figure out what CSS is affecting a page.

    Was the table set up in your theme or did you add that? Tables really should not be used for layout –that’s a very outdated way of coding. CSS is MUCH more flexible, accurate and a better way to go all the way around. Since you have a table in there, it’s kind of a mess so far as using CSS to “fix” alignment issues.

    Thread Starter umanoodle

    (@umanoodle)

    Hi, thank you again for your response.

    The table is inserted manually in to the post not in the theme, so it is not a great way of working it as I would have to do a table for every post, I would much rather alter the css in the theme editor and then it can move all the posts for me at once.

    I can remove the table easily from the posts that it is in and edit the css, but not sure what to edit or where to find it.

    If I was to remove the table as above as it is easy where would I locate the margin for the posts to move left like what I did above with the title?

    Thanks again ??

    e.x

    Thread Starter umanoodle

    (@umanoodle)

    Yep tables are not great would be good to fix it ??

    What theme is that? It’s really kind of a mess — or did you modify it? If you are trying to change the layout of a whole section of a page, you will want to change the CSS for that section rather than the individual components of that section. But there are multiple enclosing elements in that page layout — with classes named various similar things like .art-content-layout — so look for those in the CSS file. But like I said, Firebug is the best way to deal with these kinds of issues.

    Thread Starter umanoodle

    (@umanoodle)

    The theme is one I made in Artisteer, so my own custom one, then have edited the css a lot in WordPress. I am fairly new to code as I work as a designer, mostly I am just happy it works ??

    I guess in Artisteer you can not do much apart from create the theme, then edit in WordPress

    Yep I look for the css for that section but like you mention there seems to be lots of elements to it, Ok I think I will see what Firebug will do for me. Easy to use?

    Thanks again. x

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Move post header title’ is closed to new replies.