Comments on: Introduction to Custom CSS in Thesis http://www.artofblog.com/introduction-to-custom-css/ The Art of How to Start and Run a Blog Fri, 30 Jul 2010 22:32:41 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Adam Baird http://www.artofblog.com/introduction-to-custom-css/#comment-16026 Adam Baird Wed, 21 Jul 2010 01:48:23 +0000 http://www.artofblog.com/?p=1349#comment-16026 The main reason it is not optimal is that the sidebar html remains in your markup. The CSS just hides it visually. Ideally you would remove it from the markup. As for recommending another way...well sometimes you just have to get your hands dirty and learn the PHP. Here's a good place to start: http://gregrickaby.com/2010/01/how-to-create-a-custom-page-template.html The main reason it is not optimal is that the sidebar html remains in your markup. The CSS just hides it visually. Ideally you would remove it from the markup.

As for recommending another way…well sometimes you just have to get your hands dirty and learn the PHP. Here’s a good place to start:

http://gregrickaby.com/2010/01/how-to-create-a-custom-page-template.html

]]> By: Chris http://www.artofblog.com/introduction-to-custom-css/#comment-16016 Chris Tue, 20 Jul 2010 21:46:13 +0000 http://www.artofblog.com/?p=1349#comment-16016 Adam Firstly thanks mate appreciate it. This is one a a very small number of thesis sites that I have book marked -- I come back to this site again and again, thank you for all your hard work. Secondly I am using a skin from thesis themes and therefore have no idea on how to adjust the function php and do it that way i.e. by creating a custom page template -- because the skin uses a custom page template for a "portfolio style" page. That being said would you recommend another way -- and why would removing the sidebars via css NOT be optimal ? Appreciate your help Adam

Firstly thanks mate appreciate it. This is one a a very small number of thesis sites that I have book marked — I come back to this site again and again, thank you for all your hard work.

Secondly I am using a skin from thesis themes and therefore have no idea on how to adjust the function php and do it that way i.e. by creating a custom page template — because the skin uses a custom page template for a “portfolio style” page.

That being said would you recommend another way — and why would removing the sidebars via css NOT be optimal ?

Appreciate your help

]]> By: Adam Baird http://www.artofblog.com/introduction-to-custom-css/#comment-15996 Adam Baird Tue, 20 Jul 2010 11:29:53 +0000 http://www.artofblog.com/?p=1349#comment-15996 Not sure that using CSS to hide sidebars on certain posts is optimal, but here ya go: <code>.custom .sidebar { display: hidden; }</code> Not sure that using CSS to hide sidebars on certain posts is optimal, but here ya go:

.custom .sidebar { display: hidden; }

]]> By: Chris http://www.artofblog.com/introduction-to-custom-css/#comment-15990 Chris Tue, 20 Jul 2010 05:36:48 +0000 http://www.artofblog.com/?p=1349#comment-15990 Is there a way to remove the sidebars on a specific post with a css command ? Appreciate you help Is there a way to remove the sidebars on a specific post with a css command ?

Appreciate you help

]]> By: Chris http://www.artofblog.com/introduction-to-custom-css/#comment-15988 Chris Tue, 20 Jul 2010 05:18:53 +0000 http://www.artofblog.com/?p=1349#comment-15988 Can you tell me if it is possible to remove a sidebar on a specific post if I create a css command for that particular post ? and if so how and what would be the css command that I would be looking for Thanks for your help Can you tell me if it is possible to remove a sidebar on a specific post if I create a css command for that particular post ?

and if so how and what would be the css command that I would be looking for

Thanks for your help

]]> By: How to Use Thesis Custom Body Classes http://www.artofblog.com/introduction-to-custom-css/#comment-12955 How to Use Thesis Custom Body Classes Wed, 02 Jun 2010 16:47:55 +0000 http://www.artofblog.com/?p=1349#comment-12955 [...] To get started, the body tag contains all of the html that displays as your website’s content. Assuming you’ve opted to use the “Custom Stylesheet” in the Thesis site options panel, Thesis automatically adds a “custom” class to your body tag site-wide. This is why you add .custom to the beginning of each line of css code you use in custom.css. [...] [...] To get started, the body tag contains all of the html that displays as your website’s content. Assuming you’ve opted to use the “Custom Stylesheet” in the Thesis site options panel, Thesis automatically adds a “custom” class to your body tag site-wide. This is why you add .custom to the beginning of each line of css code you use in custom.css. [...]

]]> By: The Ultimate Quickstart Guide to Thesis Theme http://www.artofblog.com/introduction-to-custom-css/#comment-12422 The Ultimate Quickstart Guide to Thesis Theme Mon, 24 May 2010 23:25:58 +0000 http://www.artofblog.com/?p=1349#comment-12422 [...] Introduction to Custom CSS in Thesis [...] [...] Introduction to Custom CSS in Thesis [...]

]]> By: Russell Page http://www.artofblog.com/introduction-to-custom-css/#comment-8158 Russell Page Tue, 23 Mar 2010 22:48:35 +0000 http://www.artofblog.com/?p=1349#comment-8158 Appreciate the comments. When one buys an expensive book, it approaches the topics clearly for the approach they are using. You throw a different approach as in the case of Thesis -- it becomes a different animal, i.e. the element of setting up external style sheets as explained in the book has to be rethought into another vehicle; then you find that PHP enters, and there's more pieces to add to the puzzle. Even simple terms like "hooks" become: “what is that and how does that apply to what I spent hours upon hours of studying?” This reminds me of being thrown into the beginnings of desktop publishing back in the late 80's when Mac and the software was beginning. The employer knew it was the up and coming method of operation, but with very little training and hardly any guidance it was: “here are the tools (which you have never seen before); now just do the work . . . perfectly.” Amazingly somehow we did. Now the printing industry has again changed and jobs were eliminated. Now it is time to take the experience and remake oneself so economically one can survive, and I find myself back at the beginning saying: "I understand the principles and how the codes work, but the pieces are not so easy to combine; however, do the work . . . perfectly. Lol, I've been here many years ago -- and we've progressed how? Appreciate the comments. When one buys an expensive book, it approaches the topics clearly for the approach they are using. You throw a different approach as in the case of Thesis — it becomes a different animal, i.e. the element of setting up external style sheets as explained in the book has to be rethought into another vehicle; then you find that PHP enters, and there’s more pieces to add to the puzzle. Even simple terms like “hooks” become: “what is that and how does that apply to what I spent hours upon hours of studying?” This reminds me of being thrown into the beginnings of desktop publishing back in the late 80’s when Mac and the software was beginning. The employer knew it was the up and coming method of operation, but with very little training and hardly any guidance it was: “here are the tools (which you have never seen before); now just do the work . . . perfectly.” Amazingly somehow we did. Now the printing industry has again changed and jobs were eliminated. Now it is time to take the experience and remake oneself so economically one can survive, and I find myself back at the beginning saying: “I understand the principles and how the codes work, but the pieces are not so easy to combine; however, do the work . . . perfectly. Lol, I’ve been here many years ago — and we’ve progressed how?

]]> By: Russell Page http://www.artofblog.com/introduction-to-custom-css/#comment-8156 Russell Page Tue, 23 Mar 2010 22:32:58 +0000 http://www.artofblog.com/?p=1349#comment-8156 Thank you sir for your advise, which is most appreciated . . . seems there could be a book or outline that would give an overview of all the coding and what specific coding does; furthermore, a source that would provide a guidance or tutorial on where to start and the path or choice of study that would be a logical course to put all these puzzles together. It's amazing how just phrasing a search can take you down a path of complete help, confusion or nothing at all. There are many out there who know how to do -- but their ability to communicate is so poor as to leave too big of gaps in their presuming someone even understands their terminology or explanation thereof . . . amazing! In short, some help is no help at all. I do appreciate your time and patience. Combine that with clarity without talking down and you become a genuine teacher. :-) Thank you sir for your advise, which is most appreciated . . . seems there could be a book or outline that would give an overview of all the coding and what specific coding does; furthermore, a source that would provide a guidance or tutorial on where to start and the path or choice of study that would be a logical course to put all these puzzles together. It’s amazing how just phrasing a search can take you down a path of complete help, confusion or nothing at all. There are many out there who know how to do — but their ability to communicate is so poor as to leave too big of gaps in their presuming someone even understands their terminology or explanation thereof . . . amazing! In short, some help is no help at all. I do appreciate your time and patience. Combine that with clarity without talking down and you become a genuine teacher. :-)

]]> By: Adam Baird http://www.artofblog.com/introduction-to-custom-css/#comment-8140 Adam Baird Tue, 23 Mar 2010 17:02:17 +0000 http://www.artofblog.com/?p=1349#comment-8140 Nick is spot on here. Thesis works just like any other theme with regard to css. It has two style sheets that dictate style. They are style.css and layout.css. custom.css is designed to overwrite those styles. That way, you can change whatever you want via custom.css and leave the rest to the default style sheets. Hope that makes sense. Also, def check out the hooks article. Nick is spot on here. Thesis works just like any other theme with regard to css. It has two style sheets that dictate style. They are style.css and layout.css. custom.css is designed to overwrite those styles. That way, you can change whatever you want via custom.css and leave the rest to the default style sheets. Hope that makes sense.

Also, def check out the hooks article.

]]> By: Nick Reese http://www.artofblog.com/introduction-to-custom-css/#comment-8137 Nick Reese Tue, 23 Mar 2010 16:24:41 +0000 http://www.artofblog.com/?p=1349#comment-8137 Russ, I totally understand your frustration. I was in your shoes when I first opened Thesis too. Definitely check out this post on Thesis Custom Hooks http://www.artofblog.com/thesis-introduction-to-hooks/ With a TINY bit of PHP you can insert whatever xhtml you want anywhere you can think of using thesis. The above tutorial does a great job explaining it. Basically you will use the PHP to just wrap your html. I would say with your bit of experience you will be up and rolling in NO TIME! Russ, I totally understand your frustration. I was in your shoes when I first opened Thesis too.

Definitely check out this post on Thesis Custom Hooks
http://www.artofblog.com/thesis-introduction-to-hooks/

With a TINY bit of PHP you can insert whatever xhtml you want anywhere you can think of using thesis. The above tutorial does a great job explaining it.

Basically you will use the PHP to just wrap your html. I would say with your bit of experience you will be up and rolling in NO TIME!

]]> By: Russ Page http://www.artofblog.com/introduction-to-custom-css/#comment-8118 Russ Page Tue, 23 Mar 2010 07:04:33 +0000 http://www.artofblog.com/?p=1349#comment-8118 I am a beginner and have been doing a crash course in web design since I have been out of work for over two years. I have been studying XHTML, HTML, CSS and Java Script so that I would have more of an idea on how the websites are controlled. Using Thesis -- how do I influence HTML; only by custom.css? What about using external style sheets? I may be under misunderstanding, but there is so much I see in using XHTML and HTML along with CSS in placing everything on the page; I don't see that even with all the Thesis design controls. I thought understanding code would give me a better control and appreciation of designing a website; however, it has only confused me in regards to the shortcut ability of using Thesis -- it seems that rather than extending my options; Thesis seems to be limiting. Please excuse me for my ignorance, but I don't see how to coordinate all these options and getting what I desire in page layout by using Thesis. The only other editing I see for which I have very little experience is PhP. The more the options--the more the confusion. I'd appreciate any clarification you may give. Thank you. I am a beginner and have been doing a crash course in web design since I have been out of work for over two years. I have been studying XHTML, HTML, CSS and Java Script so that I would have more of an idea on how the websites are controlled.

Using Thesis — how do I influence HTML; only by custom.css? What about using external style sheets? I may be under misunderstanding, but there is so much I see in using XHTML and HTML along with CSS in placing everything on the page; I don’t see that even with all the Thesis design controls. I thought understanding code would give me a better control and appreciation of designing a website; however, it has only confused me in regards to the shortcut ability of using Thesis — it seems that rather than extending my options; Thesis seems to be limiting. Please excuse me for my ignorance, but I don’t see how to coordinate all these options and getting what I desire in page layout by using Thesis. The only other editing I see for which I have very little experience is PhP. The more the options–the more the confusion. I’d appreciate any clarification you may give. Thank you.

]]> By: Nick Reese http://www.artofblog.com/introduction-to-custom-css/#comment-7399 Nick Reese Thu, 11 Mar 2010 18:15:48 +0000 http://www.artofblog.com/?p=1349#comment-7399 Correct, #2361A1 Correct, #2361A1

]]> By: WW http://www.artofblog.com/introduction-to-custom-css/#comment-7379 WW Thu, 11 Mar 2010 11:20:49 +0000 http://www.artofblog.com/?p=1349#comment-7379 How to match adsense to the default Thesis links, what is the color that Thesis uses for default? #2361a1 ? How to match adsense to the default Thesis links, what is the color that Thesis uses for default?

#2361a1 ?

]]> By: Top 25 Thesis Tutorials for Newbies http://www.artofblog.com/introduction-to-custom-css/#comment-6412 Top 25 Thesis Tutorials for Newbies Thu, 25 Feb 2010 17:19:27 +0000 http://www.artofblog.com/?p=1349#comment-6412 [...] Introduction to Custom CSS in Thesis – This is another Tutorial you can find here on Art of Blog. It takes you through the basics of CSS, using custom CSS in Thesis, and offers a couple of very simple example tutorials. [...] [...] Introduction to Custom CSS in Thesis – This is another Tutorial you can find here on Art of Blog. It takes you through the basics of CSS, using custom CSS in Thesis, and offers a couple of very simple example tutorials. [...]

]]> By: Suhasini http://www.artofblog.com/introduction-to-custom-css/#comment-6088 Suhasini Sat, 20 Feb 2010 09:44:51 +0000 http://www.artofblog.com/?p=1349#comment-6088 Good information covered on css. I feel now I will not be having problems in editing css. Good information covered on css. I feel now I will not be having problems in editing css.

]]> By: pop art http://www.artofblog.com/introduction-to-custom-css/#comment-5683 pop art Fri, 12 Feb 2010 13:49:40 +0000 http://www.artofblog.com/?p=1349#comment-5683 Very useful information, continue on creativity. Since I masig lay about CSS, please explain a little about CSS? Very useful information, continue on creativity. Since I masig lay about CSS, please explain a little about CSS?

]]>