Changing the Position of Post Titles (Ubud Theme)

• 

  anothernicole · Member · Apr 6, 2015 at 11:10 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve just purchased the Ubud theme, and I was wondering if there is a way to move the post title and details (author name, tags, date, etc) on the individual post’s page. I’d like them to appear under the featured image (not to the right of it).

  Thank you!!
  Nicole

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

• 

  dannywellman · Member · Apr 7, 2015 at 12:33 am

  • Copy link

  Hey Nicole!
  It appears that you don’t have any control over the location of the picture details. While testing that theme out, I noticed that the details jump to the bottom of the picture when you look at the site on a smaller screen or resize your browser because of the responsive theme.

  You could probably lock in the width of the body of the page with CSS, but that would probably end up missing up some of the other design elements.

  You can also try to contact the theme developers and suggest your idea. They might make that a customization feature, you never know!

  Have a great day and let me know if you have any other questions.
  -Danny

• 

  anothernicole · Member · Apr 7, 2015 at 12:41 am

  • Copy link

  Thanks, Danny. I was kind of afraid of that.

  I wonder if I might be better served by using the Cubic theme (now applied to my blog). One thing I liked about Ubud was the white space around the featured images on the homepage. I thought maybe I could add some padding in Cubic, and try and get the same look…but the padding is adding in as black…and it’s kinda wonky overall. Am I doing something wrong with the CSS? (I’m super new to CSS, so I’m sure I am :P )

  Thanks!!
  Nicole

• 

  dannywellman · Member · Apr 7, 2015 at 12:59 am

  • Copy link

  Could you try to add the following CSS?:

  .blog .hentry.has-post-thumbnail {
    background: #fff;
  }

  What custom CSS have you added?

• 

  anothernicole · Member · Apr 7, 2015 at 1:03 am

  • Copy link

  That got rid of the black! Yes! Thanks! The CSS I’m using is

  .blog .hentry.has-post-thumbnail {
    background: #fff;
  }
  
  /* CSS for trying to add padding */
  
  .archive .hentry.has-post-thumbnail .attachment-boardwalk-featured-image,
  .blog .hentry.has-post-thumbnail .attachment-boardwalk-featured-image,
  .search-results .hentry.has-post-thumbnail .attachment-boardwalk-featured-image {
  	width: 100%;
  	max-width: 100%;
  	min-width: 100%;
  	height: auto;
  	max-height: initial;
  	min-height: initial;
  	padding: 10px 5px;
  }

  It seems to only add the padding when I am hovering over the image…but I’m hoping to have the padding always visible…

• 

  anothernicole · Member · Apr 7, 2015 at 1:05 am

  • Copy link

  ohh hm it seems to show the padding all the time now! maybe it was just that background color throwing it off! Cool!!

• 

  dannywellman · Member · Apr 7, 2015 at 1:08 am

  • Copy link

  Excellent!!!
  I’m glad you got it working!

• 

  anothernicole · Member · Apr 7, 2015 at 1:09 am

  • Copy link

  thanks so much! really appreciate it!