Blog Customisation

• 

  mummyheartsyou · Member · Mar 27, 2015 at 10:41 am

  • Copy link
  • Add topic to favorites

  Morning!

  I am wondering if I could have a few tips and help on how to get rid of a few things on my blog? http://mummyheartsyou.com

  Basically I want to remove the faded box around the blog posts? I also want to remove the lines in the widget area that divide them? I am going for a clean look and just don’t want anything to messy..

  One other thing, the circles that divide the menu bar at the top {contact, disclaimer etc…} can I remove them?

  Would appreciate it if I could have some help on how to do this?

  Happy Friday and Thanks in advance!

  The site is http://mummyheartsyou.com

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

• 

  thesacredpath · Member · Mar 28, 2015 at 3:31 am

  • Copy link

  Hi, let’s see how this does for you.

  .hentry, .widget, .site-description {
      border: none;
  }
  .main-navigation ul li::after {
      content: "";
  }

• 

  mummyheartsyou · Member · Mar 28, 2015 at 7:26 am

  • Copy link

  Wonderful, Thank you so much!

• 

  mummyheartsyou · Member · Mar 28, 2015 at 8:14 am

  • Copy link

  I am having a few more issues, sorry! I had on the side bar a “search widget” to look like the “recent” widegt, but my search text seems to have gone missing! I cant seem to get the CSS to get it back.. Does that make sense?!?

• 

  thesacredpath · Member · Mar 29, 2015 at 3:22 am

  • Copy link

  If you mean the title, go to Appearance > Widgets, open the Search Widget and add a title, such as “Search” there and save and it will appear above the search input field.

• 

  mummyheartsyou · Member · Mar 29, 2015 at 7:20 am

  • Copy link

  No, sorry I didn’t explain it properly.. I have created an image https://mummyheartsyou.files.wordpress.com/2015/03/search1-e1427462348733.png
  and I want it above the “search” bar in my widget area.. So if you look at “recent posts” I have a title I have created.. It was on there before I started making changes and now I cannot get it to show up.. I have this coding in my CSS which seemed to have worked previously..

  .widget_search .widget-title {
  background: url(‘https://mummyheartsyou.files.wordpress.com/2015/03/search1-e1427462348733.png’) no-repeat scroll center transparent;
  height: 100px;
  height: 100px;
  text-indent: -9999px;
  }

• 

  thesacredpath · Member · Mar 29, 2015 at 2:20 pm

  • Copy link

  Without a text title in the search widget, the div where the title, and your image would be, is not there in the HTML. Add a title to that widget and your image will show up.

• 

  mummyheartsyou · Member · Mar 29, 2015 at 3:23 pm

  • Copy link

  Thats where I was going wrong! Thank you for all your help!

• 

  thesacredpath · Member · Mar 29, 2015 at 5:58 pm

  • Copy link

  You are welcome.