http://www.kriesi.at/support/topic/modify-flag-of-blog-post Support Forum - Topic: Modify flag of blog post en-US Mon, 20 May 2013 07:07:43 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-52072 Tue, 17 Apr 2012 19:42:45 +0000 Devin 52072@http://www.kriesi.at/support/ <p>Hi Nomar,</p> <p>I'll need another explanation as I am not clear on what you are looking to achieve at this point.</p> <p>@shelteredinsound - If you could ask your quesiton in a new topic, it will help to make sure don't get looked over in this thread and help keep the thread from getting even more confusing :)</p> <p>Thanks,</p> <p>Devin </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-51847 Mon, 16 Apr 2012 16:32:09 +0000 shelteredinsound 51847@http://www.kriesi.at/support/ <p>I've been following along on this as it's relevant to something I'm trying to do. I'm not having much luck. I'd like to flatten out the blog meta/flag setup on the left so it flows across below the title but above the post content. You can see the setup here: <a href="http://christiepits.com/wordpress/blog/" rel="nofollow">http://christiepits.com/wordpress/blog/</a> </p> <p>Right now, the details are in the right spot I just can't figure out how to have the flag set up run across the full width. Then underneath, have the meta details on one line and read "This entry has 0 Comments in News by CPRA" without separation. If you squeeze the site, when it gets to the iphone size, that's the layout I'm looking for at regular size and ipad size (just the meta/flag thing of course). Thanks for any guidance you can provide. Appreciated! </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-51684 Sun, 15 Apr 2012 14:04:35 +0000 Nomar 51684@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>I tried that before, but didn't make any difference. However, I worked my way around it, and I don't have to mess with it anymore for this particular case.</p> <p>I may have not explained it with the right terminology, but I did explain what I was trying to achieve. If you read again my first two posts in this thread, you'll see it, and you can also see that in my third post I provided the link to that specific page so you could take a look at it, as you requested. Sorry if my explanation and link were not enough. I appreciate your help anyway. Take care,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-51210 Wed, 11 Apr 2012 17:07:37 +0000 Devin 51210@http://www.kriesi.at/support/ <p>Hi Nomar,</p> <p>You may need to add !important to the end of the css attribute you change in order for it to take importance over the built in ones. IE:<br /> <pre><code>.flag-text { color: #fff; margin-top: 0px !important; margin-bottom: 4px !important; margin-left:0px !important; margin-right: 0px !important; }</code></pre> <p>Perhaps it would be easier and less back-and-forth if you told me what you are trying to do instead of just providing bits and pieces of css. There are various things you can do with css but in the end what you are looking for may not be achievable with the direction we are going.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-51008 Tue, 10 Apr 2012 18:43:43 +0000 Nomar 51008@http://www.kriesi.at/support/ <p>Hi again Davin,<br /> I'm trying your code, and this is what I found:</p> <p>1. All it affects is the color of the word "Comments". Setting different margins value doesn't change its position.<br /> 2. It works, but it affects the divider both at the end of the blog's text and at the top of the "Comments" section. Also, making the width % smaller than 100 reveals that it is aligned to the left. I tried several ways, but couldn't align it to the right. What should I use?<br /> 3. This one works fine. ;o)</p> <p>Thanks a lot, take care,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-50935 Tue, 10 Apr 2012 12:25:18 +0000 Nomar 50935@http://www.kriesi.at/support/ <p>Thanks Devin,</p> <p>I'll try this today. Take care,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-50729 Mon, 09 Apr 2012 16:04:17 +0000 Devin 50729@http://www.kriesi.at/support/ <p>Hey Nomar,<br /> You can modify the classes by adding them to your custom.css or Quick CSS:<br /> 1.<br /> <pre><code>.flag-text { color: #fff; margin-top: 0px; margin-bottom: 0px; margin-left:0px; margin-right: 0px; }</code></pre> <p>2. How can I control the vertical placement and width (left-right) of the "border-bottom" line?<br /> <pre><code>.hr-seperator, .mini-seperator { width: 100%; top: 50%; }</code></pre> <p>3. How can I control the vertical placement and width (left-right) of the "divider" on the right?<br /> <pre><code>.seperator-addon { height: 3px; width: 70px; top: 50%; right: 0; margin-top: -2px; }</code></pre> <p>It might take some adjusting to get the effect you are looking for but those are the main classes you would be looking for. Also, you can get rid of the line through comments (after making that background transparent) by using the following:<br /> <pre><code>.hr-seperator, .mini-seperator { display: none; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-50232 Thu, 05 Apr 2012 20:29:53 +0000 Nomar 50232@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Here are the link:<br /> <a href="http://ebrakstudio.com/CGA/spanish/apartamento-altozano/" rel="nofollow">http://ebrakstudio.com/CGA/spanish/apartamento-altozano/</a></p> <p>What you'll see there is untouched, the way it comes in Propulsion. The test I did was here, but I put it back to how it was, because of what I described above. Questions are still the same. Thanks,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-50214 Thu, 05 Apr 2012 19:15:43 +0000 Devin 50214@http://www.kriesi.at/support/ <p>Hi Nomar,</p> <p>Do you have a link to the site so we can take a look at it? I want to make sure we are referencing any css changes you've made already correctly and we are on the same page :)</p> <p>Thanks,</p> <p>Devin </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-49866 Wed, 04 Apr 2012 00:23:08 +0000 Nomar 49866@http://www.kriesi.at/support/ <p>Hey Mya,</p> <p>Thanks for the code. It didn't quite worked for me, though. </p> <p>If I set the background color of the flag to match that of the site, I can hide it, which is OK, and I can do the same with the border-bottom, but the word "Comments", which I like to keep, ends up being far away from the divider on the right...</p> <p>On the other hand, if I set the background color to "transparent", the word "Comments" ends up being stricken by the line of the divider on the right. So....</p> <p>That brings up some questions:</p> <p> 1. How can I control the placement, size and color of the word "Comments"?<br /> 2. How can I control the vertical placement and width (left-right) of the "border-bottom" line?<br /> 3. How can I control the vertical placement and width (left-right) of the "divider" on the right?</p> <p>Thanks a bunch. Take care,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-49644 Tue, 03 Apr 2012 03:41:10 +0000 Mya 49644@http://www.kriesi.at/support/ <p>Hi Nomar,</p> <p>I believe you can use this:</p> <pre><code>#top .flag { background-color:#2d5c88; border-bottom: 1px solid #E1E1E1; }</code></pre> <p>In case, you want to change the color as well you can use this:</p> <pre><code>#top .on-primary-color { color: #ffffff; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-49638 Tue, 03 Apr 2012 02:25:00 +0000 Nomar 49638@http://www.kriesi.at/support/ <p>Hi guys,</p> <p>I used this code to do something similar and it works fine.<br /> Now, how can I apply the same for the "comments" flag?</p> <p>Thanks for your help. Take care,</p> <p>Nomar </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-45206 Thu, 08 Mar 2012 17:19:08 +0000 Kriesi 45206@http://www.kriesi.at/support/ <p>add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at flashlight-&gt;styling:</p> <pre> #top .blog-meta .primary-background { background: transparent; border-bottom: 1px solid #E1E1E1; } </pre> <p>would do that. however please be aware that the icons I used are white, so if you want to use a white background you would need to replace the icons located in your images/layout folder with darker ones ;)</p> <p>Cheers<br /> Kriesi </p> http://www.kriesi.at/support/topic/modify-flag-of-blog-post#post-44979 Wed, 07 Mar 2012 13:38:25 +0000 megalex 44979@http://www.kriesi.at/support/ <p>Hi, how can I get rid of the blue flag in the blog post. Screenshot: <a href="http://farm8.staticflickr.com/7177/6815510432_38583bda61.jpg" rel="nofollow">http://farm8.staticflickr.com/7177/6815510432_38583bda61.jpg</a><br /> Can I have line beneath the link icon in stead of a blue block? </p>