<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Styling single blog posts feature image not possible?]]></title><description><![CDATA[<p dir="auto">Hey there guys hope you are all well<img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/263a.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--relaxed" title=":relaxed:" alt="☺" />️<img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/263a.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--relaxed" title=":relaxed:" alt="☺" />️ i played with the pagebuilder the other Day and wanted to style a single blog post. Specifically wanted to set the feature image to cover so set the container, column and image element to cover. That didnt work.... Checked the code editor  and it Said cover too. I also deleted the preconfigured styling. Is it not possible to do?<br />
Thanks in advance</p>
]]></description><link>https://community.appdrag.com/topic/611/styling-single-blog-posts-feature-image-not-possible</link><generator>RSS for Node</generator><lastBuildDate>Sun, 10 May 2026 20:09:22 GMT</lastBuildDate><atom:link href="https://community.appdrag.com/topic/611.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 26 Dec 2020 08:53:00 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Thu, 28 Jan 2021 07:33:05 GMT]]></title><description><![CDATA[<p dir="auto">Hi, do you have the link to your page (the previous link doesn't work anymore)? I will write you the exact css to perform it.</p>
]]></description><link>https://community.appdrag.com/post/2717</link><guid isPermaLink="true">https://community.appdrag.com/post/2717</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Thu, 28 Jan 2021 07:33:05 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Wed, 27 Jan 2021 19:06:31 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> hi again <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /><br />
I can get it to go full width but not full height. I think it's because the feature image has some sort of custom padding. If I take that away the image disappears. would you mind publishing a full width blog article so we can all use it? Problem is also that its not possible to target the image without affecting the text too which doesn't look so hot <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f615.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--confused" title=":/" alt="😕" /></p>
<p dir="auto">thanks in advance Linda</p>
]]></description><link>https://community.appdrag.com/post/2714</link><guid isPermaLink="true">https://community.appdrag.com/post/2714</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Wed, 27 Jan 2021 19:06:31 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Wed, 06 Jan 2021 07:34:20 GMT]]></title><description><![CDATA[<p dir="auto">You should add the class to the image yes. Please update it in this way and I'll check with you what doesn't work as expected.</p>
]]></description><link>https://community.appdrag.com/post/2500</link><guid isPermaLink="true">https://community.appdrag.com/post/2500</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Wed, 06 Jan 2021 07:34:20 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Tue, 05 Jan 2021 14:50:01 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> ahh I thought I had it but I cannot seem to get the edits to stick. I have set a new class in the "identification advanced" and I can see my css taking effect immediately, but no matter how many times I save it doesn't stick . when I go to preview, it changes back to contained. could you please let me know if I should do this differently?</p>
<p dir="auto">UPDATE:<br />
ok this was my bad - there was some column padding that I overlooked <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /><br />
but also for it to wotk we need to target the section itself not the image <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /></p>
]]></description><link>https://community.appdrag.com/post/2483</link><guid isPermaLink="true">https://community.appdrag.com/post/2483</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Tue, 05 Jan 2021 14:50:01 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Thu, 31 Dec 2020 06:58:43 GMT]]></title><description><![CDATA[<p dir="auto">Hi,<br />
To do that you would need to :</p>
<ul>
<li>define your section as fullwidth (Position &gt; Fullwidth)</li>
<li>add a class to your image let's say 'fullscreen-images' (Advanced &gt; Class)</li>
<li>add a CSS code source onto your page, and in the style define :</li>
</ul>
<pre><code>.fullscreen-images {
  width:100vw;
  height:100vh;
}
</code></pre>
]]></description><link>https://community.appdrag.com/post/2456</link><guid isPermaLink="true">https://community.appdrag.com/post/2456</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Thu, 31 Dec 2020 06:58:43 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Wed, 30 Dec 2020 10:38:42 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> aaaaaaw yeah, pray tell which good magic you came up with this time to get it to work??????? <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f913.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--nerd_face" title=":nerd_face:" alt="🤓" /> and might I be able to use VH and VW values? when you use this instead of px the image scales nicely according to different devices...if using px you typically get cut-off images - half of someones head goes missing on mobile<img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f606.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--laughing" title=":laughing:" alt="😆" /></p>
]]></description><link>https://community.appdrag.com/post/2452</link><guid isPermaLink="true">https://community.appdrag.com/post/2452</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Wed, 30 Dec 2020 10:38:42 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Wed, 30 Dec 2020 07:17:58 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/289">@Linda-MacDonald</a> said in <a href="/post/2428">Styling single blog posts feature image not possible?</a>:</p>
<blockquote>
<p dir="auto">so I am getting contained images, please find screenshot attached and what I would like to do is 100vh x100vm - the image takes up the full viewport on every device. In the Mode section of the editor I set the image to cover and it would be super cool if you guys could perhaps add a slider for VH VM in there? I cannot seem to be able to attach a screenshot here so here is the link</p>
</blockquote>
<p dir="auto">Hi,</p>
<p dir="auto">I just tried with the chrome inspector but is it something like that that you would like to have ?</p>
<p dir="auto"><img src="/assets/uploads/files/1609312675335-screenlinda.jpg" alt="screenlinda.jpg" class="img-responsive img-markdown" /></p>
]]></description><link>https://community.appdrag.com/post/2446</link><guid isPermaLink="true">https://community.appdrag.com/post/2446</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Wed, 30 Dec 2020 07:17:58 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Tue, 29 Dec 2020 09:44:29 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> Hi Wassim <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /></p>
<p dir="auto">so I am getting contained images, please find screenshot attached and what I would like to do is 100vh x100vm - the image takes up the full viewport on every device. In the Mode section of the editor I set the image to cover and it would be super cool if you guys could perhaps add a slider for VH VM in there? I cannot seem to be able to attach a screenshot here so here is the link<br />
<a href="http://community-ec7307.appdrag.site/preview/blog/7-this-is-a-test.html?from-preview=1&amp;from=appdrag-blog-detail-article-config&amp;timestamp=1609234998993" rel="nofollow ugc">http://community-ec7307.appdrag.site/preview/blog/7-this-is-a-test.html?from-preview=1&amp;from=appdrag-blog-detail-article-config&amp;timestamp=1609234998993</a></p>
]]></description><link>https://community.appdrag.com/post/2428</link><guid isPermaLink="true">https://community.appdrag.com/post/2428</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Tue, 29 Dec 2020 09:44:29 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Tue, 29 Dec 2020 07:22:50 GMT]]></title><description><![CDATA[<p dir="auto">Hey Linda,</p>
<p dir="auto">Can you share a screenshot of what you currently have and detail what you would like to do?</p>
]]></description><link>https://community.appdrag.com/post/2424</link><guid isPermaLink="true">https://community.appdrag.com/post/2424</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Tue, 29 Dec 2020 07:22:50 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Mon, 28 Dec 2020 18:04:15 GMT]]></title><description><![CDATA[<p dir="auto">hey there <a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/9">@Daniel-Mulroy</a>  thanks for getting back to me on this <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /> unfortunately you lost me <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f642.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--slightly_smiling_face" title=":)" alt="🙂" /> ...so in order to resize the feature image from the blog I can use the jquery block?</p>
]]></description><link>https://community.appdrag.com/post/2421</link><guid isPermaLink="true">https://community.appdrag.com/post/2421</guid><dc:creator><![CDATA[Linda MacDonald]]></dc:creator><pubDate>Mon, 28 Dec 2020 18:04:15 GMT</pubDate></item><item><title><![CDATA[Reply to Styling single blog posts feature image not possible? on Mon, 28 Dec 2020 01:03:32 GMT]]></title><description><![CDATA[<p dir="auto">Hey Linda,</p>
<p dir="auto">Great question!</p>
<p dir="auto">A 'hack' i've used before is to add an h6 (for example, but it could be any element as long as it's not used for anything else on the page.</p>
<p dir="auto">Then in your article template, use jQuery to test for the existence of an h6. If it exists, run the code to style your elements. If not, do nothing.</p>
<p dir="auto">Hope that works! Personally, I used it to add anything that was in a blog post labeled as an &lt;address&gt; (which is selectable from the built-in text-type selector in the blog HTML editor), remove it from the blog body, and append to the image as a caption.</p>
<p dir="auto">Cheers !</p>
]]></description><link>https://community.appdrag.com/post/2416</link><guid isPermaLink="true">https://community.appdrag.com/post/2416</guid><dc:creator><![CDATA[Daniel Mulroy]]></dc:creator><pubDate>Mon, 28 Dec 2020 01:03:32 GMT</pubDate></item></channel></rss>