WordPress.org

Ready to get started?Download WordPress

Forums

Oxygen
[closed] Add color to the sides of my blog (26 posts)

  1. SDMWP
    Member
    Posted 9 months ago #

    I downloaded an Oxygen theme to create my blog, now I want to add some color to the sides of the blog, but I want to keep the white on the navigation bar and the center of the page, I don't want to add a background because the whole center with my slider, information, recent post got the color and looks messy and difficult to read.

    My blog is http://www.sabiduriademami.com, I want to add color like in this blog sides http://cheflala.com/ or this one http://www.loriswebs.com

    Can somebody help me please I am a begginer with coding, WordPress.

    Thanks

  2. Jesin A
    Member
    Posted 9 months ago #

    You have to apply a color to the background and then apply white to the center content so that it looks as though the "sides" have been colored.

    Place the following CSS code in the custom CSS box of your theme. If this theme doesn't have one use PC Custom CSS plugin.

    body {
    background-color: #000000;
    }
    .wrap {
    background-color: #FFFFFF;
    padding: 0 90px 0px 20px;
    }

    The padding is to ensure that the Facebook box comes into the main content section. Its syntax is

    padding: top right bottom left;

  3. SDMWP
    Member
    Posted 2 months ago #

    Hi Jesin,
    I tried what you said but I don't have any change on my main page, I went to appearance editor and copy your code, nothing happened.

    It is something else I should try, please somebody can help?
    Thank you.

  4. Jesin A
    Member
    Posted 2 months ago #

    Hello,

    You have edited the theme's stylesheet which will be overwritten when the theme is updated. So first open the editor and remove the code which was added.

    Go to Appearance > Customize > Miscellaneous and paste the following code in the Custom CSS box.

    .wrap { background-color: #FFFFFF; padding: 0 90px 0px 20px; }

    Click Save & Publish.

    Go to Appearance > Background and choose your desired background color under Display Options.

    PS: Please update your theme. The current version is 0.5 and you are using 0.3.6

  5. SDMWP
    Member
    Posted 2 months ago #

    I don't know where to update my theme and I am afraid that all my information, post and everything is going to dissapear.

  6. BabyFaceWeb
    Member
    Posted 2 months ago #

    Hi SDM,
    If you have added the suggested CSS to either the Custom CSS box of the theme, or by way of a plugin, you are in no danger of losing anything when you update the theme. The only way you may have a problem is if you've made changes to the css directly in the parent theme or structural changes to any of the template files themselves.

    If you need more help, please ask.

    PS - the proper way to modify your theme is by using a child theme. There are tons of great tutorials on how to do this, but it can be as simple as merely using a new style.css and contain it within a new theme folder that you name for the child. Here is the codex to help you get started.

    http://codex.wordpress.org/Child_Themes

    Here by the way is a post on Support forums that goes through it step by step for Oxygen: http://wordpress.org/support/topic/oxygen-theme-questions-1?replies=3

    Best!
    Steve

  7. SDMWP
    Member
    Posted 2 months ago #

    Thank you very much I will try that, also I am trying to put my logo in the center, do you know where I could do that?... I don't have any website designing experience but I love everything I have learned.
    Thanks again Steve.

  8. BabyFaceWeb
    Member
    Posted 2 months ago #

    Great SDM!

    It's not hard when you are willing to stretch a bit outside your "comfort zone" ;-)

    Here is the CSS you need to center your logo:

    #branding {
    float: none;
    width: 45%;
    overflow: hidden;
    margin: 0 auto;
    }

    Add this to the custom css plugin box and save again.

    This removes the float to the left of the image, and it adds a new margin where the first value is for vertical (equal to 0) and the second is set to "auto" which tells your site to make the left and right margins automatically equal. The size of the image is left at 45% of the width of the total page container.

    Ta da! Fun with WP!

    Best!
    Steve

  9. SDMWP
    Member
    Posted 2 months ago #

    Wow, I have been trying to do this for over a year :-), I just go to the appearance > customize> ???, same place as the CSS theme box? I can't find the CSS plugin box.

    Do you know any WordPress class I could take to learn more about it?.
    This is awesome, Thank you very much.

    Have a great day.

    my blog is http://www.sabiduriademami.com

    Johanna

  10. BabyFaceWeb
    Member
    Posted 2 months ago #

    Hi SDM... I'm sorry I wasn't clear. I mean yes, you can add this css to the child theme you just created, or in the CSS theme box ;-)

    There is also a plugin you can use to add custom css if you didn't otherwise have this option.

    There are tons of great tips and training available for WordPress... you can google Freelance WebDesign Training and get free tips and even some courses ;-)

    I'm happy to help you more here as well... you've got a great site, and I can see that there are ways I would suggest you can make some "magic" happen if you are interested in any further feedback ;-)

    Best!
    Steve

  11. Jammyamerica
    Member
    Posted 2 months ago #

    It is something else I should try, please somebody can help?

  12. Jesin A
    Member
    Posted 2 months ago #

    @Johanna The Custom CSS box is found under Miscellaneous on the left bottom when you go to Appearance > Customize.

    Since it is a single line text box paste Steve's code without newlines like this -

    #branding { float: none; margin: 0 auto; }

    Child themes aren't necessary if you are only going to make CSS changes.

    Before learning WordPress I suggest learning HTML and CSS from http://www.w3schools.com/

    I don't know where to update my theme and I am afraid that all my information, post and everything is going to dissapear.

    In WordPress the content, plugins and themes are all separate things. Updating one will not erase another. If a theme update messes up only the design will be lost. Your content, posts, articles will remain unchanged.

  13. SDMWP
    Member
    Posted 2 months ago #

    Hi Steve,

    I did it :-) My blog looks so different now, THANK YOU, I will love to hear any feedback I am beginner and I know I want to do so much I just don't know how. My Blog is a mommy blog in Spanish focused on Natural and Simple living.

    I will like to make the letter from the navigation bar uppercase I think, centered and a little bit bigger, among other things.

    I really appreciate you are taking the time to guide me.

    Have a great day, So happy and excited about learning more.

    Johanna

  14. SDMWP
    Member
    Posted 2 months ago #

    Hi Jesin,

    Thank you very much for helping me to do the background,I have been thinking about learning HTML I just thought it was very hard for somebody who is not technical at all, but I will check the link you send me and I will start learning more. Thanks A lot.

    I did upgrade my theme version and my WP version too, I was just afraid to touch or made changes I dint't want to lose it or know how to fix:-(

    My blog is in Spanish and I am still having issues with the theme being in english do you know how can I translate the bars as (recent articles, More articles and others?, also I want to change the date of my post and the slider to be in spanish as well as the subscribe plug in, I tried to find one in Spanish and I couldn't. I would like to have the theme completely in Spanish.

    Thanks Again for all your help.

    Have a great day

    Johanna

  15. Jesin A
    Member
    Posted 2 months ago #

    The text in those bars are in English because your WordPress installation is in English.

    Edit the wp-config.php file which is found inside the public_html directory.

    Find

    define ('WPLANG', '');

    and change it to

    define ('WPLANG', 'es_ES');

    This will change the entire WP-Admin area to Spanish and also those strips of text on the theme.

    Note to others reading this thread: The .mo file for this language should also be downloaded and placed in wp-content/languages but OP already has them so I have skipped this step.

  16. BabyFaceWeb
    Member
    Posted 2 months ago #

    Hi Johanna,

    I just wanted to say how proud I am of you and your amazing site... you've truly "inspired" me! I really think you've got a site there that is not only delivering a great message and value, but one that you can likely turn into a nice sideline business with just a few tweaks...and not via ads either .. via delivering some valuable content to your fan base.

    Because you moved me, I went and created a very detailed tutorial for you that will answer some of your questions above, and also give you a few new "tricks" to try yourself to bring your site and your business ideas to a new level. I hope this is ok, and that you likewise continue to take actions. I LOVE IT when someone is succeeding as you obviously are.

    The video is here: http://sf-1.wistia.com/medias/k2kfbkcuxo

    Best!
    Steve

  17. SDMWP
    Member
    Posted 2 months ago #

    HI Steve,

    Thank you very much for taking the time to do this tutorial video for me and for your nice complements, it's not been easy to get where I am now but comments like yours helped me to keep on going learning and trying. I saw the video and I was trying to work on each one of the steps you are telling me and I can't access anymore:-(, do you know what I can do to see it again?

    Also I downloaded Mailchimp but is asking me to enter an API key and I guess I need to know coding for that, I did try Disqus but not luck either :-(, I don't have anyway that people can subscribe to my blog.

    My dashboard is full of plugins I have downloaded and I don't know if they all work or conflict with each other, a lot of information and things to learn, thanks again for helping me with the process to improve my blog.

    Have a great day,

    Johanna

  18. BabyFaceWeb
    Member
    Posted 2 months ago #

    Hi Johanna,

    I've re uploaded the video I made for you to here:https://vimeo.com/100739775
    (this may still be encoding when you read this answer...)

    The Mailchimp API doesn't require coding, but it means that you need to create a free Mailchimp account and grab the special "key" code that identifies your account in the AutoChimp plugin on your site.

    [Advertisement redacted]

    Best!
    Steve

  19. Tahoe Rock
    Member
    Posted 1 month ago #

    Hi Johanna
    I have to partially disagree with Jasin A answer about nesesity to have child theme, css plugin.
    you can edit any css or php file in it and see the changes without worry to lose some parent code.
    If You update your theme all css coding you were advised to by Stevejohnston and your previous css coding may be lost.
    Child theme is save harbor for forwarding DNA you have created and preserving it against accidental lost by updating your theme. These are rules you should get under your skin.
    You did great progress
    Cheers and have a great time with WORDPRESS
    PS:
    MY suggestion is learn CSS/html ON THE GO by working in WORDPRESS.

  20. SDMWP
    Member
    Posted 1 month ago #

    HI Steve,

    Thanks again for the amazing video you made to guide me improve my blog. I have been trying for days to do what you recommended and I couldn't make it work :-(.
    1. Localization I did downloaded and activated, it doesn't work, I took a screen pictures of the messages something about malfunction at 3rd party detected???? I don't have a clue :-(, I can't paste the screen views.
    2. I activated the plugin for the native dashboard, I don't have any option in my top bar left side with languages, I did try to refresh and more didn't work either. I do have a LOT of plugins downloaded in my search to find what do work, i don't know it can be a conflict between them, I don't know which ones to delete or leave.

    3. I do set up the code with Mailchimp I am designing the template and trying to find how to add the register box into the main page.

    I do really appreciate all your time and effort trying to help me to get to the next step, I want my blog ot look like this ones someday.http://iheartorganizing.blogspot.com/,http://ourlittlegreendot.com/, http://www.picklee.com/

    When you are not a tech person you try so many times but then you don't know what u are doing right or wrong and can be frustrating.

    Thanks again for being my Mentor teaching me new things and for all your help I really like your video, I did change my navigation bar, I would like to center it, have the letters in bold and maybe lines like the ones the picklee nlog has waht do you think?

    Where do you think it will be the best place to put the registration or subscribe in my main page.

    Gracias again and have a great day :-)

    Johanna

  21. I have to partially disagree with Jasin A answer about nesesity to have child theme, css plugin.
    you can edit any css or php file in it and see the changes without worry to lose some parent code.

    If you want to keep your work and stay up to date with your theme then a child theme or a CSS plugin really is the way to go. ;)

    If you want to create your own theme and modifications and maintain that then that's cool to. Just rename the directory and names in style.css. It's not recommended but that's a good way to learn too.

  22. *Jan goes a off topic, asks for @sdmwordpress indulgence for a minute*

    Hi Steve! Sometimes I like to start with a "Hi!" ;)

    Thanks for the great help you've been providing, but I just want to point out that it appears that the tone is moving away from the support forums and heading into the "Please contact me off the forums" territory.

    That's something that is actively discouraged and no moderator here will ever say otherwise. Support is for the forums and not for promoting your site or services.

    http://codex.wordpress.org/Forum_Welcome#The_Bad_Stuff

    Please refrain from going in that direction here in the forums.

    Also please note that I'm not accusing you of any ill will or bad intentions. Honest. And it is great that you're providing this level of support.

    But please keep it here. If someone needs a greater level of support then they're often directed to sites such as http://jobs.wordpress.net/ or http://directory.codepoet.com/

    Much thanks and I know return the topic back to the original poster. ;)

  23. BabyFaceWeb
    Member
    Posted 1 month ago #

    Hi Jan,
    my apologies.. it's not my intention to violate any of the rules or the spirt of the forums here.

    I do admit that sometimes I get excited about helping folks here and it's frustrating to work within the very narrow confines of back and forth with small bites. Like baby steps instead of just "getting it done".

    I promise that I will be more careful in all future posts ;-)

    Best!
    Steve

  24. Tahoe Rock
    Member
    Posted 1 month ago #

    Hi Jan and Johanna,
    I fully agree, child theme is a safe way and you can use CSS file or PHP files.
    That was what I wanted to say to Johanna.
    There is also plugin but this plugin is just for CSS.

    If you want some layout changes PHP or modify some functions PHP, the best way is to copy appropriate PHP FILE TO THE CHILD THEME directory and modify it there. Result is that the parent theme stays untouched and child is caring all the changes.
    BEST REGARDS
    TAHOE ROCK

  25. Tahoe Rock
    Member
    Posted 1 month ago #

    Hi Jan
    I have one more thing on my mind.
    Would it be possible to include some extra windows for the support Qs?
    When you start new Q.
    One should hold the name of the THEME and the other the URL of the site where the problem is questioned.
    Most of the Q begins with NO THEME and THEIR URL name included and first Answer is a Q - asking the name of the THEME AND URL.
    So some help can begin.
    Most people coming here are unexperienced and when there will be extra windows pre formatted , it can lead for better understanding and improving the consultation.
    Thanks for consideration
    I hope it goes to the right hands
    BEST REGARDS
    TAHOE ROCK

  26. Andrew
    Forum Moderator
    Posted 1 month ago #

    @Tahoerock, you need to create your own thread to get support with your issue.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic