Support Forum - Tag: style.css

Support Forum - Tag: style.css - Recent Posts http://www.kriesi.at/support/tags/stylecss Support Forum - Tag: style.css - Recent Posts en-US Thu, 23 May 2013 01:29:32 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Ismael on "Flashlight not installing - missing style.css" http://www.kriesi.at/support/topic/flashlight-not-installing-missing-stylecss#post-104863 Tue, 09 Apr 2013 06:35:58 +0000 Ismael 104863@http://www.kriesi.at/support/ Hi Michael, Glad that Devin helped you. :) Cheers, Ismael Seerkat on "Flashlight not installing - missing style.css" http://www.kriesi.at/support/topic/flashlight-not-installing-missing-stylecss#post-104844 Tue, 09 Apr 2013 05:29:24 +0000 Seerkat 104844@http://www.kriesi.at/support/ Hi Devin, Yes I thought that was probably a stupid question! Thanks for the reply! Cool, will give this a try. Thanks again, Michael Devin on "Flashlight not installing - missing style.css" http://www.kriesi.at/support/topic/flashlight-not-installing-missing-stylecss#post-104789 Mon, 08 Apr 2013 14:32:12 +0000 Devin 104789@http://www.kriesi.at/support/ Hi Michael, The file you download from themeforest is not actually the theme.zip. Its the overall package that includes the license, psd, documentation and then then flashlight.zip file that is the actual theme file. So first unzip the file you've downloaded from themeforest and then you can select the flashlight.zip inside of it to upload to wordpress. See: <a href="http://www.screenr.com/HoRs" rel="nofollow">http://www.screenr.com/HoRs</a> Regards, Devin Seerkat on "Flashlight not installing - missing style.css" http://www.kriesi.at/support/topic/flashlight-not-installing-missing-stylecss#post-104735 Mon, 08 Apr 2013 06:04:42 +0000 Seerkat 104735@http://www.kriesi.at/support/ Hi, I just purchased but not even got past first base. It failed to instal because style.css missing... I have updated wordpress to make sure that is not the problem... Solution please, thanks in advance. Michael Ismael on "No background header picture alignment between Safari, Firefox and iPad Browser" http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91087 Fri, 11 Jan 2013 06:31:30 +0000 Ismael 91087@http://www.kriesi.at/support/ Hey, Glad it is fixed. :) Regards, Ismael VilaDoiPhone on "No background header picture alignment between Safari, Firefox and iPad Browser" http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91081 Fri, 11 Jan 2013 03:43:56 +0000 VilaDoiPhone 91081@http://www.kriesi.at/support/ Hello Devin! Just disconsider my last post. It was a error on server. CSS code is working Thanks! VilaDoiPhone on "No background header picture alignment between Safari, Firefox and iPad Browser" http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91077 Fri, 11 Jan 2013 01:42:23 +0000 VilaDoiPhone 91077@http://www.kriesi.at/support/ Hello Devin! I got you. Better to use a smaller picture and centralized. I've change picture size and css code follow your suggestion. Now, css code looks like: body { background: #f2f3f5 url(../images/skin1/bg.png); color: #666; background-repeat: no-repeat; background-position: center top; } But, i don't know why, image is not centralized and still repeating. Is like css no consider background-position instruction. A screenshot to help understand: <a href="http://i251.photobucket.com/albums/gg306/tchello3/ScreenShot2013-01-10at111512PM_zps5020e4dc.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/ScreenShot2013-01-10at111512PM_zps5020e4dc.png</a> Any suggestion? Thanks in advance! Devin on "No background header picture alignment between Safari, Firefox and iPad Browser" http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-91000 Thu, 10 Jan 2013 16:20:32 +0000 Devin 91000@http://www.kriesi.at/support/ Hi VilaDoiPhone, You should use background position to get it set instead of just using one large image. Also, align your main logo into the center of the image instead of all the way to the left. See: <a href="http://www.w3schools.com/cssref/pr_background-position.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_background-position.asp</a> So where you have: <pre><code>body { background: #f2f3f5 url(../images/skin1/bg.png) repeat-x 0 0; color: #666; }</code></pre> You could use this instead (as long as you change the image so that the logo elements are in the center: <pre><code>body { background: #f2f3f5 url(../images/skin1/bg.png); color: #666; background-repeat: no-repeat; background-position: top center; }</code></pre> Regards, Devin paulkitchener on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-90959 Thu, 10 Jan 2013 12:31:04 +0000 paulkitchener 90959@http://www.kriesi.at/support/ Thank you for the reponse. Dude on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-90914 Thu, 10 Jan 2013 10:00:18 +0000 Dude 90914@http://www.kriesi.at/support/ Hey! Yes, Kriesi forgot to update the version number in style.css. If the change log (version_brightbox.rtf) contains the changes for "Version 1.4 " you're using the latest version. Best regards, Peter VilaDoiPhone on "No background header picture alignment between Safari, Firefox and iPad Browser" http://www.kriesi.at/support/topic/no-background-header-picture-alignment-between-safari-firefox-and-ipad-browser#post-90884 Thu, 10 Jan 2013 02:20:43 +0000 VilaDoiPhone 90884@http://www.kriesi.at/support/ Hello, we are using Newscast theme with some changes, using less resources. After change Header Picture Background (bg.png), i just dont get the same aligment on this 3 browsers - Safari and Firefox for Mac and Safari for iPad. link: <a href="http://www.viladoiphone.com.br" rel="nofollow">http://www.viladoiphone.com.br</a> screenshots on photobucket: Safari on iPad: <a href="http://i251.photobucket.com/albums/gg306/tchello3/SafariiPad_zps5c94864a.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/SafariiPad_zps5c94864a.png</a> Firefox on Mac: <a href="http://i251.photobucket.com/albums/gg306/tchello3/FirefoxMac_zps277cfef8.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/FirefoxMac_zps277cfef8.png</a> Safari on Mac: <a href="http://i251.photobucket.com/albums/gg306/tchello3/SafariMac_zpsef94adab.png" rel="nofollow">http://i251.photobucket.com/albums/gg306/tchello3/SafariMac_zpsef94adab.png</a> I just try a lot of changes on style.css without success, could you guys help? Thanks in advance! paulkitchener on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-90787 Wed, 09 Jan 2013 11:48:28 +0000 paulkitchener 90787@http://www.kriesi.at/support/ Hi, I have updated too. The 'version_brightbox.rtf' states it is version 1.4 but the style.css file within the brightox zip file within the main zip states 1.3 Also there is no size difference between the older 1.3 I ran on my site and the newer one. Please can admin check that the style.css is updated in the zip file on themeforest. Thank you, Paul. Ismael on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-84928 Thu, 22 Nov 2012 02:28:43 +0000 Ismael 84928@http://www.kriesi.at/support/ Hi flowidity, If you have downloaded it on the site I've posted then you are already using version 1.4. Kindly check the version_brightbox.rtf inside the zip file, if you can find 1.4 then you're using the latest version. I'll tag Kriesi so he'll be notified about the version number. :) Regards, Ismael flowidity on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-84840 Wed, 21 Nov 2012 08:13:28 +0000 flowidity 84840@http://www.kriesi.at/support/ 1.3 is what shows in my wp control panel. Maybe it is 1.4 but shows 1.3, In style.css its written. /* Theme Name: BrightBox Description: A sleek Business Theme by Kriesi - Update notifications available on twitter and facebook: <a href='http://twitter.com/kriesi'>Follow me on twitter</a> - <a href='http://www.facebook.com/pages/Kriesi/333648177216'>Join the Facebook Group</a> Version: 1.3 Author: Kriesi Author URI: <a href="http://www.kriesi.at" rel="nofollow">http://www.kriesi.at</a> */ Ismael on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-84807 Wed, 21 Nov 2012 02:06:25 +0000 Ismael 84807@http://www.kriesi.at/support/ Hi, You can download it again. <a href="http://themeforest.net/item/brightbox-business-portfolio-wordpress-theme/233917?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=Kriesi" rel="nofollow">http://themeforest.net/item/brightbox-business-portfolio-wordpress-theme/233917?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=Kriesi</a> The version of the theme in the link above is 1.4. Regards, Ismael flowidity on "i just updated but version is 1.3" http://www.kriesi.at/support/topic/i-just-updated-but-version-is-13#post-84719 Tue, 20 Nov 2012 13:46:11 +0000 flowidity 84719@http://www.kriesi.at/support/ Hallo, I just updated my website. I got the ?latest from <a href="http://themeforest.net/user/flowidity/download_purchase/220c5e41-3e31-4b26-99f2-828fe207c00e" rel="nofollow">http://themeforest.net/user/flowidity/download_purchase/220c5e41-3e31-4b26-99f2-828fe207c00e</a> I had the version 1.2.3 and now I have version 1.3 Where is the 1.4 version? encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47917 Fri, 23 Mar 2012 00:14:29 +0000 encoompassmore 47917@http://www.kriesi.at/support/ Thanks for you help and insight! Devin on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47859 Thu, 22 Mar 2012 20:42:55 +0000 Devin 47859@http://www.kriesi.at/support/ Yay! I'm glad that worked. It was such a weird error and will most likely not happen again. Cache can be a little finicky, so just keep that on your mind if you run into an issue later on that you can't really seem to nail down the root cause of. encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47854 Thu, 22 Mar 2012 20:29:27 +0000 encoompassmore 47854@http://www.kriesi.at/support/ Yes, now it works just fine! Thank you! But I have to say, what the heck? Why did Total Cache do that? I reactivated it once the css worked properly, and the css still works fine. Did I need to empty the cache in order for my browser to see the changes? Any additional insight would be helpful so I know how to handle this type of problem in the future. I appreciate your help! Devin on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47817 Thu, 22 Mar 2012 18:28:28 +0000 Devin 47817@http://www.kriesi.at/support/ Hi Hi encoompassmore, Try disabling Total Cache and see if that allows the css to load properly. encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47771 Thu, 22 Mar 2012 15:29:32 +0000 encoompassmore 47771@http://www.kriesi.at/support/ That helped some. I am able to have the content styling executed like I want. The quote container does not work, however. Here is what I put in custom.css: <pre><code>#quote-container {background: #937CB9; margin: 0px; padding: 15px; border: 3px solid #7C689B; border-radius: 10px;} #thequote {font-family: Helvetica, Arial, serif; font-size: 20pt; color: #333333; font-weight: normal;} #theauthor {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-style: italic;}</code></pre> and here is what i put in the post: <pre><code><div id="quote-container"> A woman's head is always influenced by heart; but a man's heart by his head. - Lady Marguerite Gardiner Blessington </div></code></pre> Here is the result: <a href="http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/" rel="nofollow">http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/</a> There should be a light purple box around the quote with rounded corners... It is so weird, because when I put the css code directly in the post, it all works. It is only when I put it in the custom.css file that it does not work. Should I be amending the code in any way? Thanks for your help! Kriesi on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47556 Wed, 21 Mar 2012 21:06:44 +0000 Kriesi 47556@http://www.kriesi.at/support/ it seems for whatever resaon your custom css file was removed from the header.php file. please make sure that it is included in your head like this: <pre> <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/custom.css" type="text/css" media="screen"/> </pre> encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47471 Wed, 21 Mar 2012 17:44:11 +0000 encoompassmore 47471@http://www.kriesi.at/support/ Thanks for the reply. I have been playing with the code and have now got this to work by putting code directly in the post: <pre><code><style type="text/css"> #quote-container {background: #937CB9; margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; border: 2px solid #7C689B} p#thequote {font-family: Helvetica, Arial, serif; font-size: 20pt; color: #333333; font-weight: bold;} p#theauthor {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-style: italic;} </style> <div id="quote-container"> A woman's head is always influenced by heart; but a man's heart by his head. - Lady Marguerite Gardiner Blessington </div></code></pre> Result: <a href="http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/" rel="nofollow">http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/</a> But when I try and put any version of the code in custom.css, it does not work. This is what I have tried: <pre><code>#quote-container {background: #937CB9; margin: 0px 0px 0px 0px; padding: 15px 15px 15px 15px; border: 2px solid #7C689B} #thequote {font-family: Helvetica, Arial, serif; font-size: 20pt; color: #333333; font-weight: bold;} #theauthor {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-style: italic;}</code></pre> Could you tell me what I should be putting in custom.css, because everything I try does not work for me... I really appreciate your help! :-) Devin on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47441 Wed, 21 Mar 2012 16:26:29 +0000 Devin 47441@http://www.kriesi.at/support/ Hi encoompassmore, I'm sorry none of us has responded until now. But it looks like you are on the right track! I would suggest adding your css to the custom.css file located in your themes css folder. That way, even if you update the theme the css changes stay. The only change I would suggest is making quote-container a class. Then your HTML you would add into the HTML editor would be: <pre><code><div class="quote-container"> A woman's head is always influenced by heart; but a man's heart by his head. - Lady Marguerite Gardiner Blessington </div></code></pre> Hope that helps :) Regards, Devin encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47428 Wed, 21 Mar 2012 15:54:33 +0000 encoompassmore 47428@http://www.kriesi.at/support/ Kriesi, Thanks for the reply back! Yes, you are correct. If I added that it corrected the problem. Unfortunately, that was just an experiment that I was trying because the code I added in custom.css was not working. The real issue is what I started the post with: <pre><code>#quote-container { margin: auto; width: 650px; background: #B01327; padding: 5px } .thequote { font-family: "Times New Roman", Times, serif; font-size: 20pt; color: #FFFFFF; font-weight: bold; } .theauthor { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-style: italic;</code></pre> And added this to the post: <pre><code><div id="quote-container"> A woman's head is always influenced by heart; but a man's heart by his head. - Lady Marguerite Gardiner Blessington </div></code></pre> And the result is no change to the content: <a href="http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/" rel="nofollow">http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/</a> Any thoughts on what I am doing wrong in the custom.css file? I will continue to experiment. Thanks! Kriesi on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47422 Wed, 21 Mar 2012 15:40:55 +0000 Kriesi 47422@http://www.kriesi.at/support/ checking your source code it seems your style tag is a little messed up: <pre> <style> p#exampleID1 { background-color: blue; } p#exampleID2 { text-transform: uppercase; } </style> </pre> should read: <pre> <style type='text/css'> p#exampleID1 { background-color: blue; } p#exampleID2 { text-transform: uppercase; } </style> </pre> If you want to add css modifications I would recommend to add them to the custom.css file in css. You dont need to worry about style tags, paragraphs etc within the css file encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-47062 Tue, 20 Mar 2012 00:12:34 +0000 encoompassmore 47062@http://www.kriesi.at/support/ I just tried this experiment to see if this worked: <pre><code><html> <head> <style> p#exampleID1 { background-color: blue; } p#exampleID2 { text-transform: uppercase; } </style> </head> <body> This paragraph has an ID name of "exampleID1" and has a blue CSS defined background. This paragraph has an ID name of "exampleID2" and has had its text transformed to uppercase letters. </body> </html></code></pre> Result here: <a href="http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/" rel="nofollow">http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/</a> The blue background does not work, but the transform case does. Can a theme dampen certain customizations? encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-46896 Mon, 19 Mar 2012 00:53:08 +0000 encoompassmore 46896@http://www.kriesi.at/support/ OK, I have varied my approach with no luck. I have added this code to the custom.css file: #quote-container { margin: auto; width: 650px; background: #B01327; padding: 5px } .thequote { font-family: "Times New Roman", Times, serif; font-size: 20pt; color: #FFFFFF; font-weight: bold; } .theauthor { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-style: italic; And added this to the post: <div id="quote-container"> A woman's head is always influenced by heart; but a man's heart by his head. - Lady Marguerite Gardiner Blessington </div> And the result is no change to the content: <a href="http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/" rel="nofollow">http://greatestlovequotes.com/love-quotes-by-lady-marguerite-gardiner-blessington-32/</a> Help! encoompassmore on "Adding a new style" http://www.kriesi.at/support/topic/adding-a-new-style#post-46616 Fri, 16 Mar 2012 18:46:44 +0000 encoompassmore 46616@http://www.kriesi.at/support/ Hey, I am trying to add a specific style that I can use on particular content within my posts. I am experimenting in the style.css file. Here is what I am attempting to add to accomplish this: .thequote{ font-family: Arial, Helevtica, Verdana, san-serif; font-weight: bold; letter-spacing: 0px; font-size: 20px; font-style: italic; } I would like to add <style="thequote">CONTENT HERE</style> to the content and have it reference this style. Thus far I have had no success. I am adding the script to the right css file? I am missing anything in the script itself? I am a bit stymied. Thanks in advance for your help! Dude on "The package could not be installed. The theme is missing the style.css" http://www.kriesi.at/support/topic/the-package-could-not-be-installed-the-theme-is-missing-the-stylecss#post-39181 Sun, 29 Jan 2012 14:34:54 +0000 Dude 39181@http://www.kriesi.at/support/ Hey, please unzip the package you got from themeforest.net ONE time. You should get a folder which contains PSDs, Docs and another zip file (which is called propulsion.zip. This zip file is the right file. Go to your wordpress admin panel and navigate to Appearance > Themes. Then select the propulsion.zip file, upload & install it. You can also unpack this zip file and upload the resulting folder via ftp to wp-content/themes. Also have a look at this tutorial video @themeforest.net: <a href="http://wiki.envato.com/buying/support-buying/solving-broken-theme-issues/" rel="nofollow">http://wiki.envato.com/buying/support-buying/solving-broken-theme-issues/</a>