Problems placing the title above the preview image. - Support

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
March 24, 2015 at 9:51 am #416958

Menastickers
Participant

Hi!

I’m trying to place the blog titles above the preview images but I can’t get it completely right. I tried doing this: https://kriesi.at/support/topic/post-title-over-image/

The title is above the preview image now but it’s full-width and I would like it to be the same width as the preview image.

http://kunstenkrachtig.nl/dehooplievaart/?p=268

For his page another problem occurs: http://kunstenkrachtig.nl/dehooplievaart/?page_id=70

There is no space between the title/meta and preview image

It would be great if you can help me out!

Regards,

Pieterjan

March 25, 2015 at 2:43 am #417520
Josue
Inactive Moderator
Hi,

Try adding this at the very end of your theme / child theme functions.php file:
```
function custom_img_position_script(){
	if(is_singular('post')){
		?>
		<script>
		(function($){
		    $(window).load(function() {
		    	$('.entry-content-header').before($('.big-preview.single-big').detach());
		    });
		})(jQuery);
		</script>
		<?php
	}else if(is_page('70')){
		?>
		<script>
		(function($){
		    $(window).load(function() {
		    	$('.entry-content-header').each(function(){
		    		$(this).before($(this).next('.big-preview.single-big').detach());
		    	});
		    });
		})(jQuery);
		</script>
		<?php
	}else{

	}
}
add_action('wp_footer', 'custom_img_position_script');
```
Regards,
Josue
March 25, 2015 at 9:33 am #417622

Menastickers
Participant

Hi Joshua,

Thanks for your respond! I inserted the code in the functions.php.

The only thing that happens is that on this page : http://kunstenkrachtig.nl/dehooplievaart/?page_id=70
the title jumps back below the preview image.

I don’t think anything changed here: http://kunstenkrachtig.nl/dehooplievaart/?p=268

Regards,

Pieterjan

March 26, 2015 at 9:44 am #418369

Josue
Inactive Moderator

Hi,

Can you please hand me a WordPress administrator account? post it here as a private reply.

Regards,
Josue

March 26, 2015 at 10:11 am #418378

Menastickers
Participant

This reply has been marked as private.

March 26, 2015 at 10:21 am #418386

Josue
Inactive Moderator

Check it now.

March 26, 2015 at 10:35 am #418393

Menastickers
Participant

The title is now below the preview image on this page: http://kunstenkrachtig.nl/dehooplievaart/?p=268

It was fine when the title was above the preview image but just the width wasnt ok. I would like the title to have the same width as the preview image.

On this page: http://kunstenkrachtig.nl/dehooplievaart/?page_id=70 I would like the title to be above the preview image as well.

Thank you for helping me out!

Pieterjan

March 26, 2015 at 10:48 am #418408
Josue
Inactive Moderator
Ok, add this to to Quick CSS:
```
.single-post .big-preview {
    padding-left: 0;
}

.flex_column .template-blog .big-preview.single-big {
    margin-top: 20px;
}
```
Regards,
Josue
- This reply was modified 9 years, 8 months ago by Josue.
March 26, 2015 at 11:06 am #418423

Menastickers
Participant

That’s great thank you! Exactly what I mean :) One small thing. How can I lower the author image a little bit? To align with the text.

March 26, 2015 at 4:56 pm #418606
Yigit
Keymaster
Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
.template-blog .blog-meta { margin-top: 15px; }
```
Best regards,
Yigit
March 26, 2015 at 6:48 pm #418734

Menastickers
Participant

Thanks alot!
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Problems placing the title above the preview image.’ is closed to new replies.