WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Graphic layout Change - Plugin for this? (23 posts)

  1. michaellanfield
    Member
    Posted 1 year ago #

    For wordpress.org
    It seems I want to rearrange my website layout in wordpress.org. For example, I want to be able to add the facebook, youtube and other icons to the right of my logo and also a small button for people to subscribe to my website located above the fb/yt icons. But how do I do this? Is there a plugin to edit my blog in visual mode?

    I also would like to know (in wordpress.org and .com) how to add a sticky post above all blog posts, but only an icon or link that will go to another page? I don't want the date, or category to show up or any other writing. Maybe something that just says click this link to see events, or something like that. How to do this?

    Thanks

    my blog/website
    http://www.michaellanfield.com

  2. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    But how do I do this?

    You will need to start customising your theme's CSS (and possibly some template files) via a child theme or a custom CSS plugin. There is no one single plugin that will help you to achieve this

  3. michaellanfield
    Member
    Posted 1 year ago #

    So what is the best and easiest way to do this? Do you know of a custom CSS plugin or should I implement the child theme, and if so how to do this?

  4. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Judging from the customisations that you require, I would recommend creating a child theme. Please see the link I posted earlier.

  5. michaellanfield
    Member
    Posted 1 year ago #

    thank you. I will try.

  6. michaellanfield
    Member
    Posted 1 year ago #

    ok, but after I install the child theme then what?

  7. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Well - what do you want to do first?

  8. michaellanfield
    Member
    Posted 1 year ago #

    I basically want to add some icons to the right of my title, fb, yt etc. and link them to the appropriate sites and above this I want to add a small subscribe to website/blog above the icons.

  9. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Have you looked at installing a social plugin for most of this step?

  10. michaellanfield
    Member
    Posted 1 year ago #

    No, how I have no idea?

  11. michaellanfield
    Member
    Posted 1 year ago #

    what plugin do you recommend?

  12. michaellanfield
    Member
    Posted 1 year ago #

    I did it manually by going to header.php.
    http://www.michaellanfield.com
    but I want to now lower a little the social networking icons, and lower the title/sub-title.
    how to do this?

  13. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Did you edit a copy of header.php in your new child theme?

  14. michaellanfield
    Member
    Posted 1 year ago #

    yes

  15. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Can you use Firefox with the Firebug add-on? Or use whatever developer tool is available in your web browser?

  16. michaellanfield
    Member
    Posted 1 year ago #

    yes i have that

  17. michaellanfield
    Member
    Posted 1 year ago #

    I almost have it perfect, just the title H1 and subtitle H2 is off.
    I am doing it in header.php in dashboard. It is trial and error.

  18. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    CSS is not in the header.php file. Where are you making CSS changes?

  19. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    You should be able to make temporary in-browser CSS changes with Firebug that will let you experiment with the CSS needed before making any final changes. It's much faster than using trial & error via the dashboard.

  20. michaellanfield
    Member
    Posted 1 year ago #

    all I need to know at this point is how to move down H2 or the tagline?

  21. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    That's alright, Firebug's great for pointing out what styles are being applied to which elements.

    I'm using Google Chrome's equivalent of Firebug and I'm adding a style, just like you can do with Firebug, to the toolbar to simulate the CSS to move the stuff downwards.

    Okay, this is what I've got (highlighted on the right of toolbar) [screenshot].
    So, you can see the crossed-out margin-top style I tried. Yeah. It didn't work :( But the other styles did.

    From this temporary CSS-fix I applied to my browser developer tool (in Google chrome) I can now go forth and implement it to a Child Theme stylesheet or a Custom CSS plugin.

    This'll mean creating a new style from the styles we explored in the browser developer tool,
    E.g;

    .site-description {
     top: 20px;
     position: relative;
    }
  22. michaellanfield
    Member
    Posted 1 year ago #

    It worked. Thank you so very much.

    Would it be possible to put some type of small subscribe button above the social networking icons?

  23. michaellanfield
    Member
    Posted 1 year ago #

    I have jetpack subscription

Topic Closed

This topic has been closed to new replies.

About this Topic