Archive for css file
How to change sidebar position in this WORDPRESS theme?
Posted by: | Commentswp themes Question: How to change sidebar position in this WORDPRESS theme?
hey,
I’m using the boldy theme on this website – http://axiomchd.com/
On the pages (example – http://axiomchd.com/?page_id=2)
The sidebar comes on the right side. I want the content to come on right and sidebar on left. What code changes I need to do in style sheet for this?
Here is the CSS style sheet – http://axiomchd.com/wp-content/themes/boldy/style.css
I really need some help. Thanks
Best Response:
Answer by Peter
There’s a couple ways to do this, but one quick way changes just the style.css file.
In the CSS file, change the #colLeft style to so it floats right (line 107):
#colLeft {
float: right;
margin-right: 0;
padding-top: 10px;
width: 670px;
}
and change the #content style background image placement from 695 to 270 (line 91)
robcubbon.com The video explains how to assign a Featured Image to a post and how to set up Featured Images within a WordPress theme. It shows the example of displaying a string of logos that are linked to a blog post in a particular category. Featured Images in posts or pages is yet another example of how WordPress is not only a brilliant blogging platform but also an adaptable CMS (Content Management System). The basic idea behind Featured Images is the ability to set a thumbnail, or any size of image, to an article so that when that article is listed in the site the featured image can appear as well. It creates an easy visual reference (which is worth a thousand words!) alongside the text-based title and description of your post or page which is so much more enticing and will make your visitors more likely to stay and read more! My main blog page robcubbon.com is an example of using Featured Images in WordPress. For every post I have set a generic thumbnail image that sums up the content of the article. So for each post you can see the image, the title and the excerpt. A really simple example of using Featured Images First of all, you need a theme that supports Featured Images. If so, you will see this box on the right-hand side when you create a new post or page. If you can’t see this box it means your theme isn’t set up to support Featured Images yet. You just need a small bit of code to put in your theme’s functions file which is located here: wp-content/themes/your …
Changing the link color in my WordPress theme?
Posted by: | Commentswp themes Question: Changing the link color in my WordPress theme?
Ok so I’ve got a WP theme installed at http://www.anthrolabs.com. And I want to change the link color in the posts so if you put a link in your post it will stand out! The problem is that the theme is not writable so unless you folks know another way I’ll need to change the link color in the style (???) script but I don’t know what to look for, so what do I need to do, and what’s the color code for red and orange?
Thanks
Best Response:
Answer by Sam
Change the “style.css” file in the /themes/reflections directory…. http://anthrolabs.com/wp-content/themes/reflections/style.css
At the very end of the file, you can edit the color:orange; setting to whatever you want.
If you can’t edit this file, then edit the index.html? file itself and add the following in the
(modifying the color to what you want)… Tags: content themes, orange text, style script, style css, text decoration, css file, html color, hex codeHow to change color, font type etc of a post in WordPress?
Posted by: | Commentswordpress themes Question: How to change color, font type etc of a post in WordPress?
I am interested to learn how to change color or font type and size of post’s heading and post text. The technique will be universal to all wordpress themes or every theme has its own specifics. I would appreciate any help in giving me some directions.
Best Response:
Answer by azrael-sub7
First go to
wordpress/wp-content/themes/your-active-theme
then you must open both single.php and index.php
then search for this : the_title();
then see what tags enclose the ” the_title(); ”
if is a h for example like this
the_title();
or a p
the_title();
your mission is to get the class name then in the same folder you will find a file with css extension
in most cases is named style , then in css file search for the class name it can be something like
h1.title {
}
where title is the class name
then between the { } you most modify or add the color and the font-family directives
example
h1.title{
color: #ff0000;
font-family : “Arial”;
}
now all my post titles will be red and will have Arial font .
The Nova theme From Elegant Themes is done like this. My first upload and video tutorial, hence the lack of wanting to edit too much
How to Layout WordPress Themes
Posted by: | CommentsHow to Layout WordPress Themes
The 1st issue you should consider when learning how to design WordPress themes is whether or not you know how to use cascading model sheets or CSS for short. CSS is the core glue that determines how any WordPress theme appears and with no this essential information, you’ll have a lot of issue. If you’re new to CSS, fear not, we can give some sound guidance.
The ideal way to style WordPress themes (spoken as somebody with about 50 WP sites beneath my belt) is to truly use another template as your base. Search as a result of the cost-free templates directory at WordPress.org and locate a template that is quite near to your style fashion. Down load it and set up on your test web site. While each template is unique, they generally have the exact same core construction. To test editing your 1st theme, check out employing the default TwentyTen template that installs with WP alone.
Nearly all WordPress themes are constructed in the subsequent way — an index, web page and single publish template that inserts the header, sidebar and footer PHP files. Header files commonly have some diploma of customization to them, linking to the stylesheet, with custom made layout aspects for the emblem or branding things. Almost all of the sidebar WP3 themes are the similar, although the footer php files also have a bit of customization to them. Modifying these files can be relatively simple if you know simple HTML. Just make sure to save frequent backups so that you can backtrack a single stage in case you make a mistake. You can generally make some simple HTML and CSS structural modifications to these files devoid of too substantially energy.
The vast majority of your function is likely to be in the CSS file. This is in which you will set your shades, font dimensions and basic spacing. One particular simple way of acquiring out which certain model is responsible for a certain setting is to use the Firebug extension for Firefox. This will help you swiftly figure out which elements is responsible for a distinct design and style component in the theme you are attempting to customize.
In the CSS file you can generate configurations for background pictures which is how you are going to set up the style and design for nearly all of the theme. Unless of course a design and style factor is embedded in the page content material itself, all of your style and design elements will be set in the CSS file. Slice your graphics in Photoshop, then set proper widths and heights to the DIV tags in your CSS file and you are on your way!
For further details on Premium WordPress Themes, please click Premium WordPress Themes website.
Article from articlesbase.com
