Image Borders, Padding, Captions on XO Theme Thumbnails on WordPress There are two kinds of thumbnails produced on your XO site: the native WordPress thumbnails and the thumbnails generated by XO for the purpose of display throughout the theme where the WordPress thumbnails don’t fit. WordPress Thumbnails Thumbnail sizes are set in your dashboard under Settings > Media. When we change the thumbs’ sizes, the change will apply only to new content. These thumbnails are used by default in the XO Basic Home Page Layout. In order to modify thumbnails created previously to a change in WordPress settings, we use the “Regenerate Thumbnails” plugin; install from your dashboard and then just run it: this will create thumbnails corresponding to the new WP Media settings for all images in the library and galleries. The Regenerate Thumbnails plugin will have no impact on syndicated posts unless you also pull in the images to your library when syndicating. XO Theme Thumbnails When we upload an image from our dashboard in XO, XO creates 12 thumbnails adapted to the needs of the site and stores them in the default uploads folder for faster loading. If we change the layout settings in XO advanced home [...]
Related posts:
WordPress Date Styling
Meta Tag Styling on WordPress
Related posts:
Meta Tag Styling on WordPress
XO Theme Typography
The Image Caption Style
Happy Valentine
Transparent WordPress Semiomantics XO
XO Theme for WordPress Styling After each post, we display Tag, Category and RSS references. They are not part of the actual post; they are of a rather technical nature and may help visitors to find contextual content on the site. The SEO impact of publishing such Meta Information is discussable. Styling the Author Name We want to display the author’s name underneath the main title in small but remarkable fonts: .post .meta, .hentry .meta,.post .meta a, .hentry .meta a { color:#111111;letter-spacing:5px; } Note: we just use letter-spacing to gain visibility. Bottom Tags Usually these meta tags are printed in small print, often difficult to read. For the purpose of this exercise we have switched to a serif font (Times) and increased letter spacing for better readability: .storycontent .postmetadata, .storycontent .tags { font-family: Times, "Times New Roman",serif; font-variant:small-caps; font-size:16px; line-height:1.1em;color:#101010; letter-spacing:2.5px; } .storycontent .postmetadata a, .storycontent .tags a{ color:#000000; } Nothing really exciting here: we are using small-caps (alternatively upper-cases) and letter-spacing of 2.5px.Note that letter-spacing can take decimal values. The fun is in experimenting with font, colors and styles! Related posts: WordPress Date Styling Custom Typography on Semiomantics XO Theme for WordPress
Related posts:
WordPress Date Styling
Custom Typography on Semiomantics XO Theme for WordPress
Related posts:
XO Theme Typography
WP Author Blog by Semiomantics
WordPress Seminar by Ycademy
WordPress for Authors Seminar
Semiomantics WordPress based Frameworks
Basic CSS3 to Customize your WordPress Theme With the increasing browser compatibility of CSS3, additional customization of websites is in the reach of most anyone (Even a Monkey can do it, according to Nikos Advertizopoulos …). Tonight we will start with a series of calls to become familiar with the possibilities arising from the use of CSS3 on WordPress to improve typography and font styles. You may follow the progress of the work at the Ycademy Demo Site which features the Semiomantics XO Theme. Looking forward to seeing you on YorgoLive tonight. Incoming search terms:wordpress Typographycustom typography wordpresshow to customize typographyhow to customize your wordpress teamtypography customization wordpresstypography wordpress 2012Related posts: How to Customize WordPress 2 How to Customize WordPress Semiomantics XO Transparent WordPress Drafts Customize WordPress with Semiomantics XO XO Photo Press WordPress Theme
Related posts:
How to Customize WordPress 2
How to Customize WordPress
Semiomantics XO Transparent WordPress Drafts
Customize WordPress with Semiomantics XO
XO Photo Press WordPress Theme
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-media/video/semiomantics/. No related posts.
No related posts.
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/wordpress-development-seminar/.Ycademy January 2011 Online Seminar Back to work! After a busy 2010 and hopefully a good rest over the year end, let’s start 2011 with WordPress based Website Development using Semiomantics XO. After multiple exercises such as the Christmas site or the personal blog, we [...]Related posts:Ycademy WordPress and Flash SeminarWordPress Seminar by YcademyYcademy Online SeminarYcademy Seminar December 2010Ycademy November Seminar
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Title Fonts
1.1 Title Fonts
1.2 Flash Fonts
1.3 Installation
1.4 Get Title Fonts
1.5 Title Fonts Configuration
1.6 CSS Customization
1.7 My Title Fonts – the Result
Web Design Title Fonts
Title fonts, namely on your home page can completely change the look and feel of your site. One of the ways to get [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 51 Grunge Fonts
1.1 Download Grunge Fonts
1.2 How to install Fonts
51 Grunge Fonts
For the purpose of the Web design Workshop here are 51 Grunge Fonts you may want to download and install on your computer (Windows). These grunge fonts allow you to easily add grunge style text to your [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Corvette 79 for Sale in USA
1.1 Corvette 97 for Sale
1.2 Corvette 97 for Sale on Google
1.3 Gene Line’s Advertising Board
1.4 More about this Topic
Corvette 79 for Sale in USA
Gene Line Motors’ promo poster gets us a lot of feed-back today. Be it from Twitterers or from Google Search [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Fonts: Handwriting
1.1 Handwriting Fonts 1
1.2 Handwriting Fonts 2
1.3 More about this Topic
Fonts: Handwriting
Handwriting fonts can be used as signatures for annotations as well as for webgraphics (namely grunge stuff). If you use handwriting for annotations, make sure you choose fonts your visitors can read easily.
Most Handwriting Fonts have [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Elegant Fonts
1.1 Classical Elegant fonts
1.2 Modern Elegant Fonts
1.3 Free Fonts
1.4 Recommendations
1.5 More about this Topic
Web Design Elegant Fonts
Some fonts can be considered as typically Elegant Fonts as visitors associate their look to grace, style and other criteria of personal appreciation. For an elegant Web site, consider [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Fonts and Font Faces
1.1 Brand Recognition through Fonts
1.2 Is Bill Gates Branding you?
1.3 Get in Control of your Image and Brand
1.4 More about this Topic
Fonts and Font Faces
In HTML and XHTML, a font face or font family is the typeface that is applied to some text. In typography, [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Elegant Web Design
1.1 Elegant Web Design Colors
1.2 Elegant Fonts
1.3 Elegant Layout
1.4 The Most Important Element of Elegance
1.5 Sketches for a Web Design Workshop
1.6 More about this Topic
Elegant Web Design
Elegant Web Design is a matter of taste, culture and perception. Based on western concepts of aesthetics we perceive simple, [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 15 Disney Look
1.1 The Web Design Elements
1.2 The Implementation
1.3 More about this Topic
Web Design Workshop 15 Disney Look
Yesterday’s Web Design Workshop was just fun! The goal was to change the look and feel of a site by modifying a few elements of the style-sheet. We [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 10 Content Fonts
1.1 Post Content
1.2 1. Post Title
1.3 2. The Date
1.4 2a The Author
1.5 3. The Subtitle (commercial release only)
1.6 4. Post Subtitle h2
1.7 5. Post Content Font
1.8 6. Additional Meta Information (commercial release only)
1.9 More about this Topic
Web Design Workshop 10 Content Fonts
Our Content [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 9 Left Content
1.1 The Content Style – default style-sheet
1.2 The Desired Result
1.3 More about this Topic
Web Design Workshop 9 Left Content
Let’s look at our main content area where our posts and page content will be on display. There are quite a number of items to [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 7 Sidebar
1.1 Semiomantics XO Sidebar
1.2 The Sidebar
1.3 The second Sidebar
1.4 Sidebar Fonts
1.5 Sidebar Widgets
1.6 More about this Topic
Web Design Workshop 7 Sidebar
Editing the sidebar style will depend on the content and purpose of the bar. If the sidebar serves mainly to display ads, then the [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 5 Notes to Sub-navigation
1.1 1. Fonts
1.2 Larrie Perkins Web Design
1.3 More about this Topic
Web Design Workshop 5 Notes to Sub-navigation
The session was dealing with the Sub-navigation (Page Navigation) subsequent to the Navigation Workshop from the day before.
1. Fonts
In order to get in control of the [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop Navigation (continued)
1.1 1. Starting Position
1.2 2. The Drop-down Menu Style
1.3 Final Style-sheet for the Navigation
1.4 More about this Topic
Web Design Workshop Navigation (continued)
Subsequent to last night’s Workshop let’s recap some of the challenges faced when styling the Category Navigation. At the bottom you will find [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Is Bill Gates doing your Web Design?
1.1 Internet Explorer and Firefox
1.2 Web Design Fonts
1.3 More about this Topic
Is Bill Gates doing your Web Design?
Funny question you may think, however it’s a real question for a Web Design Workshop. Browser Defaults decide on how we see web pages unless [...]
February 16, 2012
0