WordPress.org

Ready to get started?Download WordPress

Forums

How to move right site column up ? (14 posts)

  1. loft16
    Member
    Posted 1 year ago #

    Hello,

    How can I move the right side column up on all my WordPress pages that the "image" will align with bottom line of business logo in the left column ??

    (please see my web link below)

    I am no web designer so hopefully it is not too complicated to do it myself.

    Many thanks for your help !!!!!!
    Best wishes, ~ L ~

  2. Jess
    Member
    Posted 1 year ago #

    You need to adjust the top margin on your blog div - on about line 19 of your styles.css file. It's currently set to 170px.

    Just make sure you're using a child theme to make any modifications to theme CSS so that you don't lose your changes when you update the theme. Child_Themes

    Also, to track down similar problems, please consider:

    You can easily track down information about how your page is rendering its code by using a tool like Firebug in Firefox, or Google's developer tools package on Chrome.

    Firebug information: http://getfirebug.com/
    How to use developer tools on Chrome: https://developers.google.com/chrome-developer-tools/docs/overview
    And more on Chrome: http://webdesign.tutsplus.com/tutorials/workflow-tutorials/faster-htmlcss-workflow-with-chrome-developer-tools/

  3. loft16
    Member
    Posted 1 year ago #

    Dear Jess,
    Thank you so much for your e-mail. I tried to follow different google videos how to create a child theme and where I can find my styles.css file but I must say it looks somehow always different on my page and all those codes make me a bit nervous.

    Where can I exactly find the styles.ss file?

    Many thanks

  4. Jess
    Member
    Posted 1 year ago #

    Your style.css file lives in the template folder - wp-content/templates/yourtemplate/

    You can also get to it from the WordPress dashboard - Appearance > Editor.

    The easiest way to make a Child Theme if you're just going to edit the CSS is to use a plug in like Child Themify: http://wordpress.org/support/plugin/child-themify

    To use this particular plugin, install it, then go to Appearance > Themes, where you will see the theme you have activated currently with an option underneath it to make a Child Theme. Click that, then when you see the Child Theme in the list of available themes, activate it. All of the original theme's options and things will still be available to you with the Child Theme activated.

    Then you can add any custom CSS you want to the newly created style.css file in the Child Theme folder, all through the Dashboard editor.

  5. loft16
    Member
    Posted 1 year ago #

    Hi Jess,
    I'm happy to announce that I could manage now with your helpful advise to install and activate the Child theme! Hurray! I copied now the style sheet css content from my "parent" sheet to the child theme folder, is this correct?

    You told me in the firs e-mail: You need to adjust the top margin on your blog div - on about line 19 of your styles.css file. It's currently set to 170px. To what number/px do I need to change it?

    Many thanks again, your help is very much appreciated.
    Kind wishes, ~ L ~

  6. Jess
    Member
    Posted 1 year ago #

    You can just copy and paste the portions of the CSS that you are changing to your child theme instead of the whole file - for this particular fix, you want these lines:

    #blog {
    float: right;
    width: 640px;
    padding: 5px;
    margin: 170px 0 0 0;
    }

    Adjust the margin of 170px to whatever value gives you the look that you want.

  7. loft16
    Member
    Posted 1 year ago #

    I tried changing the px to different numbers but nothing happened. The picture/text stays at same position, is not moving up or down. What can I do?

    Many thanks for your help

  8. Jess
    Member
    Posted 1 year ago #

    Are you saving before you check if it changed? Because it works just fine for me if I use Chrome's developer tools to test it. Also make sure to leave no space between the number and px, and leave the 0's and ; intact. Just change the number.

  9. loft16
    Member
    Posted 1 year ago #

    Hi Jess,
    I tried it again, just changed the numbers, nothing else, saved it, and the site looks still the same. I tried with 10px and 5000px, nothing is moving (please see copied child theme with CSS below).
    Shall I send you the link of the admin page?

    Many thanks. ~ L ~

    /*
    Theme Name: Socrates
    Version: 1.0
    Description: A child theme of Studio 180°
    Template: studio180
    */

    #blog{float: right;width: 640px;padding:5px; margin:570px 0 0 0;}

  10. loft16
    Member
    Posted 1 year ago #

    Other question: Do you know if I can use the below link/download (dark, round social media icons) for WordPress? I tried to upload it under new plugins but if failed.

    link

    Wit big tanks and kind regards,

  11. The link you provided is just a link to download the icons. It's not a plugin.
    If you want to use these icons, you'll need to upload theme to your child theme and then add the CSS.

    This plugin might be a good option for you ---http://wordpress.org/extend/plugins/simple-social-icons/

    I've never used this plugin, but it might work for you.

  12. loft16
    Member
    Posted 1 year ago #

    Dear Christine,
    Thank you for your e-mail.
    I tried to upload it under themes but it says the CSS sheet is missing. how can I add the CSS and how can I upload it to my child theme?

    I tried as well to remove the "AddToAny" sharing buttons under settings but somehow its all messed up now. How can I get rid of all the existing sharing buttons? I have no idea why the left column on my page has lost its styling. PLEASE HELP!!! How can I fix that?

    With kindest regards, ~ L ~

  13. loft16
    Member
    Posted 1 year ago #

    My dear Christine, I'm so glad, I could fix my own mess and the site looks fine again. But I would very much appreciate if you could help me to get the sharing button thing sorted.

    Thanks a million ***
    ~ L ~

  14. Jess
    Member
    Posted 1 year ago #

    I think you may need to seek a professional to help you with these issues - I don't think you fully understand the steps that you have been instructed to take. Please consider posting on http://jobs.wordpress.net/.

Topic Closed

This topic has been closed to new replies.

About this Topic