Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 10, 2015 at 6:37 pm #457454
    mdmllc

    Need some guidance… I’d like to set the featured image in individual entries left justified automatically.

    We are creating a podcast roll for a client, who will have the same featured image automatically pulled. In the attached screen shot it is automatically inserted but we’d like to make it an automatic function with featured images since it is going to be a constant.

    How would I style that with CSS or how would I achieve this?

    Attached is how we have the site with an INSERTED image but we want the FEATURED IMaGE to be the left justified image with a word wrap (so it shows up in excepts for a blog roll).

    June 11, 2015 at 7:11 am #457620
    Rikard

    Hi mdmllc!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 11, 2015 at 1:28 pm #457796
    mdmllc
    This reply has been marked as private.
    June 11, 2015 at 7:11 pm #457986
    Ismael

    Hey!

    Set the Blog Style to “Single author, big preview pic” then edit includes > loop-index.php file. Find this code:

    //echo preview image
		        if(strpos($blog_style, 'big') !== false)
		        {
		            if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
		            if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
		        }

    Move it above this line:

    echo $content;

    Add this in the Quick CSS field:

    .entry-content-wrapper .big-preview.single-big {
  width: 30%;
  float: left;
  margin: 0 20px 20px 0;
}

    Please create a change log or note about this modification in case you update the theme.

    Cheers!
    Ismael

    June 11, 2015 at 9:54 pm #458053
    mdmllc
    This reply has been marked as private.
    June 13, 2015 at 8:55 pm #458834
    Andy

    Hi!

    I couldn’t find the page on your website showing your player and featured image. We would need to inspect it. Please provide a test page for us.

    Cheers!
    Andy

    June 14, 2015 at 12:34 am #458869
    mdmllc
    This reply has been marked as private.
    June 16, 2015 at 12:54 pm #460008
    Andy

    Hey!

    thank you for the links. Try this code in Quick CSS:

    .mejs-container.mejs-audio {
top: -210px;
}
.big-preview.single-big {
bottom: -50px;
}

    Cheers!
    Andy

    June 16, 2015 at 3:08 pm #460073
    mdmllc
    This reply has been marked as private.
    June 16, 2015 at 3:43 pm #460093
    mdmllc

    And ALSO: the podcast player is pulled up into the title on mobile. Please advise.

    June 18, 2015 at 5:53 pm #461482
    Andy

    Hi!

    I think you can achieve something similar with this code:

    p.powerpress_links.powerpress_links_mp3 {
margin-top: -182px;
}

    Will be difficult to give the “Podcast:” and “Subscribe” line different CSS right now. However, you could try to activate custom class for all ALB elements.

    Best regards,
    Andy

    June 18, 2015 at 5:56 pm #461483
    Andy

    Hey!

    for mobile use this code:

    @media only screen and (max-device-width: 736px) {
.mejs-container.mejs-audio {
top: -125px;
}}

    Regards,
    Andy

    June 23, 2015 at 4:15 pm #463484
    mdmllc

    Unfortunately, that is not solving the issue and furthermore, it creates a conflict on the page via desktop.

    http://gyazo.com/bf157449faa605e01eca2cc7f9da82b5

    Reminder: this is what we would like for it to read like with the ‘featured image’ in the green box : http://i.imgur.com/iFTc24y.png

    June 24, 2015 at 12:49 pm #463976
    Andy

    Hey!

    not sure if it will be possible 100% as you wish, but did you add custom CSS class for all ALB elements as I mentioned in my previous post? because this way you are able to give your elements a unique CSS class, so that other elements don’t get effected by your code. Let us know when you are done and provide us the unique CSS class you have defined for your blog elements in question.

    Please provide us admin access and post login details here as private reply.

    Best regards,
    Andy

    June 24, 2015 at 5:30 pm #464222
    mdmllc

    The only thing that I did was add the CSS provided to the page and included the changes to the PHP? I didn’t receive any other instructions…

    I am attaching the login access

    June 29, 2015 at 6:48 pm #466014
    Andy

    Hey!

    in my previous post I said:

    However, you could try to activate custom class for all ALB elements.

    You can follow these instructions and let us know when you still need help.

    Best regards,
    Andy

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.