Adelle Theme Customization Problems

• 

  thebeachhousekitchencom · Member · Oct 11, 2014 at 7:29 pm

  • Copy link
  • Add topic to favorites

  I am trying to customize my wordpress.com adelle theme. I wanted to make custom design changes like Girllostinthecity.com.

  I want to delete thick black navigation bar and have a gray line on top and bottom.

  I also wanted to delete squiggly lines between sidebar widgets like she does and put widgets gray boxes.

  I would also like my social icons in the gravatar widget like girllostinthecity.

  Lastly, I want to get rid of date in the circle and just put abbreviation for month and number ( oct 10)

  Any help would be greatly appreciated since I am new to CSS code.

  The blog I need help with is thebeachhousekitchen.com.

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

• 

  thesacredpath · Member · Oct 12, 2014 at 5:26 am

  • Copy link

  Hi there, since you have no posts that I can find on your site, I’ve worked the following out off of the Adelle demo site for a starter for you. See what you think.

  .post-date {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
      text-align: left;
      text-transform: capitalize;
      width: 100%;
  }
  .post-date .entry-day {
      color: #ddd;
      margin-right: 5px;
      font-size: 13px;
  }
  .post-date span {
      display: inline;
  }
  .post-date .entry-year {
      display: none;
  }

• 

  thesacredpath · Member · Oct 12, 2014 at 5:33 am

  • Copy link

  I forgot to mention that it seems you have already found the solutions navigation, squiggly lines in widgets and social icons in the sidebar.

• 

  thebeachhousekitchencom · Member · Oct 12, 2014 at 2:27 pm

  • Copy link

  I am new to the Custom CSS forum and just saw your reply. Thank you for your help. Yes, I don’t have any posts yet since I am just setting up my site. I just saw that design on someone elses blig and liked it. I guess I need to click resolve when I get the answer to my question. Sorry and thank you again.

• 

  thebeachhousekitchencom · Member · Oct 12, 2014 at 2:40 pm

  • Copy link

  Actually I just put in the code and wanted to know if you could tell me how to make the post date oct in lowercase letters and a larger number to the right of it like…….. oct 10

  Thank you.

• 

  designsimply · Member · Nov 14, 2014 at 12:56 am

  • Copy link

  wanted to know if you could tell me how to make the post date oct in lowercase letters and a larger number to the right of it like…….. oct 10

  To make the post date month all lowercase, find “capitalize” in the CSS example given earlier and change it to “lowercase”

  To move the month name to be first, you can float it to the left and add a little padding to the right like this:

  .post-date .entry-month {
  	float: left;
  	padding-right: .5em;
  }