Css update changes

• 

  thewhitechestnut · Member · Feb 7, 2015 at 9:38 am

  • Copy link
  • Add topic to favorites

  Hi,

  I have the ubud theme and i want to make some changes in it as,

  Edit the footer to add the copyright and center all the content of the web instead of having it in the left side.

  My css is not working, i know that i can use the inspect element to see the changes but i need a programm to save them, Could you recomend me a program for that?

  I need help!

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  lizthefair · Member · Feb 7, 2015 at 6:16 pm

  • Copy link

  My css is not working, i know that i can use the inspect element to see the changes but i need a programm to save them, Could you recomend me a program for that?

  The “program” you need is included with your Premium update.

  Once you use the inspect element feature to figure out the changes you need to make, you can save them in the CSS box located in your customizer. You can find the customizer by choosing “Customize” from the “My sites” dropdown on the front of your site, or by clicking the link below:
  https://thewhitechestnut.wordpress.com/wp-admin/customize.php?url=https%3A%2F%2Fthewhitechestnut.wordpress.com%2F

  From there, choose the CSS option in the left menu and paste the new code in the box.

  I see you have some code in there already, so if you help finding the code you need to make the desired changes, let me know and I’ll be happy to walk you through it.

• 

  thewhitechestnut · Member · Feb 10, 2015 at 7:45 am

  • Copy link

  Hi Lizthefair, i pasted some code but is not working.

  First once y select the inspect element In the left box I don’t know what is the equivalenece in the right box.

• 

  lizthefair · Member · Feb 10, 2015 at 12:33 pm

  • Copy link

  First once y select the inspect element In the left box I don’t know what is the equivalenece in the right box.

  I think you might be confusing the inspect element tool, which is used to figure out what code you need, and the CSS box, which is part of the WordPress.com customizer, and it the place you paste the code when you have it.

  If you tell me what you are trying to change, and paste the code you are using here, I’ll be happy to take a look for you.

  Once we know the code is right, I’ll walk you through how to add it to your site.

• 

  thewhitechestnut · Member · Feb 10, 2015 at 8:49 pm

  • Copy link

  I want to modify the bottom on my blog, it shows as ‘Blog at the WordPress¦ Ubud theme’, Instead of this I want to show as:
  © 2015 THE WHITE CHESTNUT Blog at the WordPress ¦Ubud theme.
  Please find below the code that shows in the inspect element:
  <li class=”wp-credit”>
  Blog at WordPress.com.
  <span class=”sep”> | </span>
  The Ubud Theme.

  I know where is the CSS but I don’t know what I need to write to get what I want.

  On the other hand I would like to have the text center in the middle of the page instead of left alignment as well as the social icons below of the text.

  Many thanks Lizthefair

• 

  lizthefair · Member · Feb 11, 2015 at 12:53 pm

  • Copy link

  I want to modify the bottom on my blog, it shows as ‘Blog at the WordPress¦ Ubud theme’, Instead of this I want to show as:
  © 2015 THE WHITE CHESTNUT Blog at the WordPress ¦Ubud theme.

  Here’s the code you need. for the footer:

  .wp-credit:before{
  	content: "© 2015 THE WHITE CHESTNUT |";
  }

  Here’s the code you need to center the social media icons on the page (not in the footer)

  .sd-content{
  	text-align: center;
  }

  On the other hand I would like to have the text center in the middle of the page

  Do you mean you want all the text to be center aligned (like a poem) or do you mean you want your titles to be centered over your text?

• 

  thewhitechestnut · Member · Feb 11, 2015 at 8:00 pm

  • Copy link

  Many thanks for the changes!

  In regards of the text I meant to move the text to have it in the middle of the page, so it would be right alignment but in the middle of the page as the text in this website for example.

• 

  lizthefair · Member · Feb 11, 2015 at 8:50 pm

  • Copy link

  Thanks for the follow up explanation.

  See how you like this:

  .site-content .page {
  margin: auto;
  }