Help needed – How to customise Moka Theme

• 

  sundaebeauty · Member · Jul 27, 2014 at 10:56 pm

  • Copy link
  • Add topic to favorites

  Hi
  Please can someone advise me.. Im totally new to wordpress with no experience or knowledge of how css works. Ive always been a blogger girl!

  I have moved my blog to wordpress and purchased the Moka theme and the customisation option so am able to make changes to the css of my blog – HOWEVER I am utterly hopeless!

  I need to widen the side bar as my site title is cut off and the date/time is overlapping the title.
  I would also like to move my social media link widgets to the top of my sidebar under my blog description – and also add a photo of myself in between the two.

  Please could some explain to me in idiot proof terms how to do this please. My blog is http://www.ileftmyheartinyorkshire.com

  Thanks in advance! :)

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

• 

  raincoaster · Member · Jul 27, 2014 at 10:59 pm

  • Copy link

  Well, first of all, you need to post CSS requests in the CSS forum. Secondly, there are some CSS references at the top of that forum and it’s advisable to read them so you have some knowledge of how to tinker. Thirdly, there is no www in your URL. It is http://ileftmyheartinyorkshire.com/

  I will flag this so that staff can move it to the CSS forum.

• 

  sundaebeauty · Member · Jul 27, 2014 at 11:05 pm

  • Copy link

  Thank you, as I said I have no experience with wordpress, css or the relevant forums but thank you for pointing me in the right direction. Hopefully someone there will be of help.

• 

  lizthefair · Member · Jul 27, 2014 at 11:13 pm

  • Copy link

  To widen your sidebar, add the following code into your css editor: (from your dashboard click appearance>customize and then from the customizer click “CSS” in the menu on the right)

  .admin-bar #sidebar-wrap {
  width: 30%;
  }

  I would need to be able to tinker a bit to figure out your other two requests, and Moka is a premium theme, so I’m not able to do that. However, premium themes include assistance directly from the theme designer here: http://premium-themes.forums.wordpress.com/forum/moka

  Good luck!

• 

  shawnajroberts · Member · Jul 29, 2014 at 12:36 am

  • Copy link

  It looks like youv’e gotten help with this in the CSS forum:

  https://en.forums.wordpress.com/topic/moka-theme-css-customisation-help-sidebar

  Learning how to target your site’s CSS will help you make certain design and layout changes. Here are some very helpful posts that will help you customize your site with CSS:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  Intro to CSS: Previewing Changes with the Matched Rule Pane

  http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  Let me know if you have any more questions!