Changing theme

• 

  mrwfeingold · Member · Aug 12, 2015 at 8:08 am

  • Copy link
  • Add topic to favorites

  Our page http://blog.mobi-cart.com/ has a custom theme. However, the person who created this theme is no longer with us. I wish to make changes to the design/theme. Where can i make these changes?

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

• 

  staff-happychia · Staff · Aug 12, 2015 at 8:57 am

  • Copy link

  To change your theme,

  1. Visit https://theme.wordpress.com/ while logged into your WordPress.com account.

  2. Place your mouse pointer on any theme you may like and click on Use this Theme button and select you blog.

  To learn more about Themes and how to use them, check this support guide: https://en.support.wordpress.com/themes/

  Feel free to let me know if you still have any questions after going through above information.

• 

  mrwfeingold · Member · Aug 13, 2015 at 9:12 am

  • Copy link

  Thank you for your response. However, as you can see from our page: http://blog.mobi-cart.com/
  It is a custom theme which our developers created themselves. As the developers who created them are no longer with us and not contactable, i am wondering where i can go to access the source code to change the custom theme. (For example, i wish to change the colour of the bar at the top of the page).

• 

  staff-happychia · Staff · Aug 13, 2015 at 9:33 am

  • Copy link

  Your developers added lot of custom CSS which is slightly different from custom theme. Nobody can add custom themes but we can add custom CSS; which is what your developers did.

  You can access your custom CSS in the CSS Editor in your Dashboard > Appearance > Customize screen.

  To change the color of your top bar, find the following rule in your custom CSS:

  #header {
  width:100%;
  height:90px;
  background:#150806 url('http://www.mobi-cart.com/static/assets/home/img/back-header1.png') repeat-x 0 0;
  position:relative;
  margin:0;
  padding:0;
  }

  Current color is #150806 which is the first value of background property above. Change it to the color your wish and save the CSS.

  You can get help with custom CSS by posting your question to CSS Customization forum at https://en.forums.wordpress.com/forum/css-customization

• 

  mrwfeingold · Member · Aug 13, 2015 at 10:10 am

  • Copy link

  great! that was exactly what i needed. Thanks alot!

• 

  mrwfeingold · Member · Aug 14, 2015 at 4:06 am

  • Copy link

  Hi,

  I am having some difficulty with changing the top nav/ top menu’s css. As you can see at http://blog.mobi-cart.com/, it has a really strange format now which i would like to modify, to a similar one like here: http://www.mobicart-development.com/

  May I ask which section I can change this? I have managed to change the colour of the entire top bar from the code you provided me in your previous reply, but not the format of the bar (tour, pricing etc)

• 

  staff-happychia · Staff · Aug 15, 2015 at 8:49 am

  • Copy link

  There is a border around menu items. Let’s remove it using this CSS:

  .nav li {
      border: none;
  }

• 

  mrwfeingold · Member · Aug 17, 2015 at 2:55 am

  • Copy link

  Thank you so much, it worked perfectly!

  Can i check if you know how i can remove the little box at the “Posted by ” section for each post? It appeared when I was changing the css earlier on.

• 

  staff-happychia · Staff · Aug 18, 2015 at 9:10 am

  • Copy link

  There’s somehow a background image set on the post info. Remove it using this CSS:

  .post-info div {
      background: none;
  }

• 

  mrwfeingold · Member · Aug 18, 2015 at 10:40 am

  • Copy link

  Thank you so much, it worked perfectly!!