How to Move Title on Top of Picture

Support
#1

I am using X Theme with Ethos1. I would like to know how to move the title on top of the picture as seen on the Cabin picture. You can see that my title is below the picture as shown. Once someone clicks on a post with a small picture to the left, the full post pops up with a larger picture. I would like to see how to get the titles and arrows on top of the picture rather on the bottom. Can you help?

#2

Hello @rherhood,

Thanks for asking. :slight_smile:

You can use following JS code under X > Theme Options > JS to display title above featured image.

(function($){
  $('.single-post .entry-featured').insertAfter( '.single-post .entry-header' );
  $('.single-post .entry-featured').css({'margin-top' : '20px', 'margin-right' : '0' });
})(jQuery);

Please note that providing support for custom codes (like JS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Above changes are done using custom JS. If you would like to explore JS, please take a look at following resource:

https://www.w3schools.com/js/

Thanks.

#3

This worked perfectly.
Thank you very much for your help…you made my day!

#4

We are delighted to assist you with this.

Cheers!

#5

I really hate to ask you this but that js code you gave me worked perfectly except for one article. I would have thought that it worked on all my posts. Here is a pic of where it did not work for some reason. The title of the post is very small. All the other post have the title in the right place. Any ideas?

#6

Hi,

The title is actually there but it’s color white making it invisible on white background.

Please remove span tags from your title.

Hope this helps

#7

Thanks. Now I know why the title won’t show.
Where is the best place in Wordpress to make that change?
Thank you

#8

Hi Robert,

The span tags are added to the title of your post like this:



Please remove that span tags from your title.

Have a nice day,
Cheers!

#9

I would love to remove the span tags from my title. However, where to I remove them. I know they are in Line 428 of my coding but they do not appear like in your last posted image. See mine. I just do not know how to remove those span tags.
Cheers also

#10

That is weird because on the source-code that title is wrapped with a <span> tag.



Would you mind providing us login credentials in a secure note, so we can take a closer look at what is happening to that?

For now, that can be fixed by adding this to Theme Options > CSS

.single-post .entry-title span {
	color: #343434 !important;
}

Remove this .h-landma from your custom CSS, that is an incomplete code and will cause syntax error on your CSS.

Thanks,

#11

Hi @rherhood

You have a plugin called “Title Colors” that has a meta box inside the post editor to change the post’s title color, please edit this post and change the white color to black from this box:

Thanks.

#12

Something so simple that I overlooked.
Thank you and of course it works perfectly now.

#13

We are gratified that we’re able to help you with this,

Cheers!

#14

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.