Support Forum - Tag: headings

Support Forum - Tag: headings - Recent Posts http://www.kriesi.at/support/tags/headings Support Forum - Tag: headings - Recent Posts en-US Sat, 25 May 2013 01:38:40 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-112616 Tue, 21 May 2013 09:31:36 +0000 Dude 112616@http://www.kriesi.at/support/ Hey! Please create a new thread and post a link to your website. Best regards, Peter Merkur-Trykk on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-112614 Tue, 21 May 2013 09:25:41 +0000 Merkur-Trykk 112614@http://www.kriesi.at/support/ I also want this, but I see an issue. Letters get cropped: Take a look at the G here: <a href="http://i41.tinypic.com/2vd5u9c.png" rel="nofollow">http://i41.tinypic.com/2vd5u9c.png</a> comlor on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-112547 Mon, 20 May 2013 21:16:32 +0000 comlor 112547@http://www.kriesi.at/support/ Thanks, for some reason it only worked when I put the code in the quick CSS, but it's good to go now. Thanks much andypeck on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-112231 Sun, 19 May 2013 17:15:06 +0000 andypeck 112231@http://www.kriesi.at/support/ Brilliant... as always Nick. Big thanks. Ill give it go Nick on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-112221 Sun, 19 May 2013 14:24:33 +0000 Nick 112221@http://www.kriesi.at/support/ Hi, put them in a div and give each a class leaving h6 <pre><code><h6 class="slab-text">Slab 1</h6></code></pre> then use the last css I posted above, but change all... <pre><code>h6 {</code></pre> ...to <pre><code>h6.slab-text {</code></pre> Thanks, Nick andypeck on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-112050 Fri, 17 May 2013 20:08:46 +0000 andypeck 112050@http://www.kriesi.at/support/ hi there, thanks for all the suggestions and yes im aware that I might be messing up something else by using h6 for my slab text. Other than not using slab text can you suggest one of the h tags thats not really used or another, safer way to get large slab text into my design. I dont want to ruin the aesthetic of this lovely theme. Im sure theres a better way without me having to carve up such code for what is essentially half a dozen big slabs of text. I had wondered if I just use a graphic but it seems a bit of a cop out I welcome suggestions Andy Nick on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111960 Fri, 17 May 2013 15:59:40 +0000 Nick 111960@http://www.kriesi.at/support/ Hi, Since you are using the font in all screen sizes there is no need to load it in each of the media queries. Only indicate the changes for that specific query without repeating yourself. so you would have <pre><code>/* DECLARE FONTS */ @font-face { font-family:'BebasNeueRegular'; src:url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src:url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'),url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight:normal; font-style:normal; } h6 { font-family:BebasNeueRegular,Geneva,Arial,Helvetica,sans-serif !important; font-size:95pt; margin-bottom:-20px; letter-spacing:-0.0em !important; font-weight: 200 !important; } /* #Media Queries========================================================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:959px) { h6 { font-size:80pt !important; margin-bottom: 20px !important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width:768px) and (max-width:959px) { h6 { font-size:70pt !important; margin-bottom: -15px !important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { h6 { font-size:60pt !important; margin-bottom: -20px !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) { h6 { font-size:80pt !important; margin-bottom: -20px !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { h6 { font-size:50pt !important; margin-bottom: -10px !important; } }</code></pre> Be careful when using a very broad selector like h6, it has no specificity and is defined many times in the theme with much higher specificity which will override/counterfeit your code very easily. You also do not need this block ... @media only screen and (max-width:767px) { ...or this block ....@media only screen and (max-width:959px) { .... can you think of one screen size where the blocks of code below it aren't already targeting it? the only reason for 767 that i can think of is for the dropdown menu for all small screens, but 959.... dont know Thanks, Nick Ismael on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-111806 Fri, 17 May 2013 02:01:50 +0000 Ismael 111806@http://www.kriesi.at/support/ Hi, Please add this on your custom.css or quick CSS. <pre><code>h1, h2, h3 { text-transform: none !important; }</code></pre> Regards, Ismael Ismael on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111772 Fri, 17 May 2013 00:30:26 +0000 Ismael 111772@http://www.kriesi.at/support/ Hi, It depends on what device you are trying to target. You only need this if you're trying to target screens with 959px resolution and lower that includes iPad, iPhone and other mobile devices. <pre><code>/* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 80pt !important; margin-bottom: 20px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } }</code></pre> Regards, Ismael comlor on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-111692 Thu, 16 May 2013 16:40:05 +0000 comlor 111692@http://www.kriesi.at/support/ I really need support on this right away. This should be a simple fix. I've searched all files / folders the headings should be in. It really should be in base.css. I need to know how to remove "uppercase" from H1 & H2 tags. I need this ASAP. Thanks comlor on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-111627 Thu, 16 May 2013 10:54:39 +0000 comlor 111627@http://www.kriesi.at/support/ Hi, the H1 & H2 headings are all in capital letters. I need those to be upper and lower case. What file and line of code do I edit. Here's screenshot <a href="http://www.aztubs.relevant.pro/wp-content/uploads/2013/05/enfold-heading-caps.jpg" rel="nofollow">http://www.aztubs.relevant.pro/wp-content/uploads/2013/05/enfold-heading-caps.jpg</a> andypeck on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111575 Thu, 16 May 2013 05:43:21 +0000 andypeck 111575@http://www.kriesi.at/support/ BIG BIG thanks... Although it seems rather long winded for one heading. Would there be a short-hand version or a better way to write this: SEE BELOW..... /* DECLARE FONTS */ @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 95pt !important; margin-bottom: -20px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } /* #Media Queries ========================================================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 80pt !important; margin-bottom: 20px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 70pt !important; margin-bottom: -15px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 60pt !important; margin-bottom: -20px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 80pt !important; margin-bottom: -20px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 50pt !important; margin-bottom: -10px !important; letter-spacing: -0.0em !important; font-weight:200 !important; } } Ismael on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-111560 Thu, 16 May 2013 04:57:09 +0000 Ismael 111560@http://www.kriesi.at/support/ Hi, I'm sorry but what do you mean by "caps" and what heading are you trying to change? Please give us a screenshot or give us a link to the page. Regards, Ismael Ismael on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111523 Thu, 16 May 2013 00:45:46 +0000 Ismael 111523@http://www.kriesi.at/support/ Hi, For example, you want to apply the style when viewing on a mobile device, you should use this <pre><code>/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 90pt !important; letter-spacing: -0.0em !important; font-weight:200 !important; } }</code></pre> The font will only apply if the user is viewing on a mobile device. Regards, Ismael comlor on "Remove caps in headings- Enfold Theme" http://www.kriesi.at/support/topic/remove-caps-in-headings-enfold-theme#post-111449 Wed, 15 May 2013 18:22:58 +0000 comlor 111449@http://www.kriesi.at/support/ Hi, what file / lines of code do I edit to remove caps from the headings? Thanks andypeck on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111417 Wed, 15 May 2013 16:24:50 +0000 andypeck 111417@http://www.kriesi.at/support/ Hi Devin, Thanks for your help although I think there's a bit in the middle im missing.... Ive installed Bebas Neue and have it working as an h6 heading on a standard page layout. However, as discussed when I shrink the page the h6 header remains the same. I merely added your text to the CSS but cant see how to link the h6 to your code thus nothing has happened. What do I need to do to link your code and would I need to do it for every h tag (h2,h3 etc) if I wanted to change other headings too My CSS is setup as follows: @font-face { font-family: 'BebasNeueRegular'; src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot'); src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'), url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } h6 { font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important; font-size: 90pt !important; letter-spacing: -0.0em !important; font-weight:200 !important; } Devin on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111406 Wed, 15 May 2013 15:54:18 +0000 Devin 111406@http://www.kriesi.at/support/ Hi andypeck, You would need to add a media query to your custom.css file (in the theme's css folder) to then target the h6 and change the font-size declaration. You can add this to your custom.css file and use it as a starting point to add in your css for each screen size you want to change the css on: <pre><code>/* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}</code></pre> Regards, Devin andypeck on "Enfold - Making Slab text headings responsive" http://www.kriesi.at/support/topic/enfold-making-slab-text-headings-responsive#post-111304 Wed, 15 May 2013 05:51:43 +0000 andypeck 111304@http://www.kriesi.at/support/ Hi there, Ive added/installed Bebas from fontsquirrel to use to change my headings in some places. In particular ive tweaked h6 (in my enfold css file) to use for a huge slab text heading (something like 70px). The text itself ive added as normal through the text layout tool however, its not being responsive when I scale down the page. What do I need to do? Cheers Devin on "Feature Headings Special Headings Font" http://www.kriesi.at/support/topic/feature-headings-special-headings-font#post-98022 Fri, 22 Feb 2013 12:59:31 +0000 Devin 98022@http://www.kriesi.at/support/ In that case, just remove the page id class selector: <pre><code>#top .special_heading { font-size: 33px; font-family: Times; color: #CC2; }</code></pre> jwestfall on "Feature Headings Special Headings Font" http://www.kriesi.at/support/topic/feature-headings-special-headings-font#post-97846 Thu, 21 Feb 2013 15:48:26 +0000 jwestfall 97846@http://www.kriesi.at/support/ Thanks Devin, this worked, but how do i get it so that all the pages Special headings are the same? Devin on "Feature Headings Special Headings Font" http://www.kriesi.at/support/topic/feature-headings-special-headings-font#post-97838 Thu, 21 Feb 2013 15:32:11 +0000 Devin 97838@http://www.kriesi.at/support/ Hi jwestfall, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>#top.page-id-18 .special_heading { font-size: 33px; font-family: Times; color: #CC2; }</code></pre> See font-family information here: <a href="http://www.w3schools.com/cssref/pr_font_font-family.asp" rel="nofollow">http://www.w3schools.com/cssref/pr_font_font-family.asp</a> Regards, Devin jwestfall on "Feature Headings Special Headings Font" http://www.kriesi.at/support/topic/feature-headings-special-headings-font#post-97707 Wed, 20 Feb 2013 19:11:57 +0000 jwestfall 97707@http://www.kriesi.at/support/ Hi, I know this has been covered in this forum, but after trying some of the suggestions, I can't seem to get get the Special Heading on my Page to change. <a href="http://www.rinconevents.com/events/" rel="nofollow">http://www.rinconevents.com/events/</a> I want to change the font and color of "EVENTS" on this page. Thanks. Devin on "Pixelated font" http://www.kriesi.at/support/topic/pixelated-font#post-95989 Sat, 09 Feb 2013 14:52:53 +0000 Devin 95989@http://www.kriesi.at/support/ Hi markjoseph, 1) I'm not getting any major issues with the font when I view it with chrome on my end. Can you go to the google font site and view your chosen font and see if you have the same visual issues. If so, it could just be the rendering of the font from google. <a href="http://www.google.com/webfonts" rel="nofollow">http://www.google.com/webfonts</a> 2) For the logo, you can try replacing the logo at its location on your host via ftp if the upload through wordpress is giving you issues. Its direct url is: <code><a href="http://fivestoneapps.com/wp-content/uploads/2013/01/Website-Logo-e1360404335520.jpg" rel="nofollow">http://fivestoneapps.com/wp-content/uploads/2013/01/Website-Logo-e1360404335520.jpg</a></code> I don't see any difference in the two images, but you may want to try saving your image as a png or gif format since the jpeg format is designed to downgrade the file to a small file size first and quality second. 3) Is it for this page: <a href="http://goo.gl/xAoLa" rel="nofollow">http://goo.gl/xAoLa</a> From the looks of it you have the portfolio images correctly working right now. Regards, Devin markjoseph7 on "Pixelated font" http://www.kriesi.at/support/topic/pixelated-font#post-95897 Fri, 08 Feb 2013 20:26:44 +0000 markjoseph7 95897@http://www.kriesi.at/support/ Hi there, I just wanted to say I've loved the theme thus far. I'm just having a few problems. 1. The font (mostly in headings) is pixelated when I open the page in Google Chrome, or in Safari on a mobile device. 2. My logo is extremely blurry and pixelated. I've tried several different sizes and yet it's still not coming out clear. 3. I followed the portfolio instructions you put up, and for some reason only the title is showing up in the "gallery" page, the pictures are not showing up. my webpage is: fivestoneapps.com Thanks. Devin on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-90103 Fri, 04 Jan 2013 18:57:20 +0000 Devin 90103@http://www.kriesi.at/support/ Glad Nick could help solve that for you :) Regards, Devin BrianLiu on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-90064 Fri, 04 Jan 2013 12:55:53 +0000 BrianLiu 90064@http://www.kriesi.at/support/ Hi Nic, It works perfectly now! I have been using Firefox but the problem was occurring on Chrome as well. Thanks once again for all your help. Kind regards Brian Nick on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-89961 Fri, 04 Jan 2013 02:14:58 +0000 Nick 89961@http://www.kriesi.at/support/ Hi, The code is correct. Your custom.css file is missing a closing curly bracket , so the css code below it is ignored. Please add } to line 35 of your custom.css file so that lines 32-35 look like this <pre><code>h1 { font-size: 22px; line-height: 1.1em; }</code></pre> What browser are you using? Thanks, Nick BrianLiu on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-89843 Thu, 03 Jan 2013 17:02:53 +0000 BrianLiu 89843@http://www.kriesi.at/support/ Hi Devin and Nick, Thanks for the suggestions. I have tried everything you have both suggested i.e. disabled all plugins one by one, regenerated all the Thumbnail images, added the CSS styling code to my Custom CSS, disabled web developer and other plugins in Firefox but the problem still persists. Any other thoughts on what the solution might be? Many thanks Brian Nick on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-89690 Wed, 02 Jan 2013 22:11:41 +0000 Nick 89690@http://www.kriesi.at/support/ Hi, <a href="https://docs.google.com/open?id=0B8hqGBMSfHtKb3l6dndSajhKMnM" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKb3l6dndSajhKMnM</a> I haven't tried to replicate it, yet the css code non the less does work ( <a href="http://www.kriesi.at/support/topic/styling-issue-with-portfolio-containers-angular-theme-help" rel="nofollow">http://www.kriesi.at/support/topic/styling-issue-with-portfolio-containers-angular-theme-help</a> ). How do you trigger this event? If you look at the video, initially this doesn't occur. For me, the opening of Google Developer Tools triggers it. I looked again and noticed I gave you a slightly different css from what I used. Please try this: <pre><code>.portfolio-sort-container.greyscale-active.isotope { overflow: visible !important; }</code></pre> Thanks, Nick Devin on "Angular styling problems" http://www.kriesi.at/support/topic/angular-styling-problems#post-89578 Wed, 02 Jan 2013 16:56:30 +0000 Devin 89578@http://www.kriesi.at/support/ Hi Brian, I'm not seeing any issue with the visibility of the borders when viewing your site now but I do still see them not getting calculated correctly. I can only imagine a plugin conflict since I can't replicate the issue on my end or see any other possible variable that is different on your installation. Another possible suggestion would be to regenerate all your thumbnails though its a guess more than a major possibility. You can do this with: <a href="http://wordpress.org/extend/plugins/regenerate-thumbnails/" rel="nofollow">http://wordpress.org/extend/plugins/regenerate-thumbnails/</a> Regards, Devin