Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 17, 2017 at 1:29 pm #762473
    MattDalli

    Hi guys,

    I have a two part question about the post titles within the blog layout as well as in single posts.

    1. I need to make the title of the blog layout element as well as in single posts on top of the featured image. I added the following code in the functions.php (via child theme) from here but this moved the title, date and excerpt on top of the featured image. What needs to be changed please, as I require it with the following sequence:

    Title
    Featured Image
    Date / Comments
    Excerpt
    Read More Link

    2. In the home page, the ‘main story’ is created from a post slider element, while the rest of the posts are created from the blog element. I need the titles to be on top of the featured image (as requested above) and the ‘main story’ title to be example 20px while the others in the blog element the title need to be 10px. Is this possible since the clients requests it as so?

    Links and Login Details in the Private Data

    • This topic was modified 7 years, 9 months ago by MattDalli.
    March 21, 2017 at 10:50 am #764095
    Victoria

    Hey Matthew,

    The link you provided is not working.

    1. It is better to make new php templates in child theme with modifications you need, other than moving element via javascript.

    2. This can be done via css, but need to see on the page.

    Please provide a valid link.

    Best regards,
    Victoria

    March 21, 2017 at 11:08 am #764104
    MattDalli

    Hi Victoria,

    Thanks a lot for getting back to me. I apologise for the wrong link. I’ve added the proper one below.

    Matt

    March 22, 2017 at 1:52 pm #764780
    MattDalli

    Please note that I managed to solve question 2 of this with the following quick CSS code:

    article.av_one_half h3.slide-entry-title.entry-title {
    font-size: 15px;
    font-weight: normal;
}

    I still need assitance for question 1 though please, thank you.

    March 23, 2017 at 11:03 am #765302
    Victoria

    Hi!

    Here is the modification to the code you’ve used, that will do what you need:

    
add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
    function b() {
		$('.slide-entry').each(function() {
			var image   = $(this).find('.slide-image').detach(),
				title = $(this).find('.entry-content-header');

			image.insertAfter(title);
		});
	}

   	b();
})(jQuery);

</script>
<?php
}

    Let us know if this was helpful.
    Best regards,
    Victoria

    March 23, 2017 at 11:10 am #765310
    MattDalli

    Hi Victoria,

    Thanks a lot this worked for the home page where I have the post slider showing. However, this did not implement on the single posts as I still have them with the image first and title later. How would I go about that?

    Thanks and Regards.

    March 25, 2017 at 6:23 pm #766686
    Victoria

    Hi MattDalli,

    I could reach your sites today. Have you moved your test server?

    Best regards,
    Victoria

    March 27, 2017 at 1:37 pm #767408
    MattDalli

    Hi Victoria,

    Testing server has now been closed as the site has been launched. I’ve forwarded you the proper URL with login details in the private data.

    Thanks and Regards,
    MattDalli

    March 27, 2017 at 5:45 pm #767588
    Victoria

    Hi MattDalli,

    It is working on a single post too, but the page load gets a hickup because there are a few javascript errors. They slow down the page load and the script moving the title executes a few milliseconds after.

    So you might want to look into fixing those errors.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 28, 2017 at 2:40 pm #768164
    MattDalli

    Hi Victoria,

    Thanks for pointing this out. Unfortunately I don’t know how to solve javascript errors but I’ve already disabled the lighbox plugin as it seemed that there was an issue with that from my other post. Are there further plugins that I should disable which are giving these types of errors?

    Thanks and Regards.

    MattDalli

    March 28, 2017 at 6:40 pm #768373
    Victoria

    Hi MattDalli,

    Here is where the error is

    $('#random').attr('src',image[x]);

    Somebody’s trying to us jQuery before it’s referenced.

    Best regards,
    Victoria

    April 3, 2017 at 2:14 pm #771137
    MattDalli

    Hi Victoria,

    Unfortunately I have no idea where that is from. But Ismael should be looking at my site as there is another issue regarding javascript/jQuery so hopefully that will solve it. I’ll post a reply to this once it’s solved.

    Thanks and Regards,
    Matt

    April 4, 2017 at 1:17 pm #771737
    MattDalli

    Hi Victoria,

    After the issue with Ismael has been resolved, all of the plugins were disabled and the change of the title from top to bottom was barely visible. However, now that I’ve re-enabled them all I’ve figured out that the JetPack plugin is the one that causes the major delay of the title going from the bottom to the top. Is there a solution for this? I cannot uninstall or remove the JetPack plugin due to back end statistics for the client.

    Thanks and Regards,

    Matt

    April 5, 2017 at 7:13 pm #772768
    Victoria

    Hi MattDalli,

    Maybe you could write to their support or try to look in the support forum for a solution?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 27, 2017 at 5:34 pm #784122
    MattDalli

    Hi Victoria,

    Thanks a lot for your help. Will be in touch with them.

    Topic can be closed :)

    Regards,

    Matt

    April 28, 2017 at 7:26 am #784322
    John Torvik

    Hi,

    Let us if you need some help :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Post Titles Sizes & Over Feature Image *URGENT*’ is closed to new replies.