-
▼
2011
(334)
-
▼
October
(29)
- How to Make a WordPress Theme in Dreamweaver
- How to Disable Footers in WordPress Themes
- How to Enable URL Rewriting on WordPress
- How to Change a WordPress Template in Dreamweaver
- How to Place a Search Box in a WordPress Theme
- How to Edit HTML in a Wordpress Blog
- How to Hide a WordPress Blog From the Public
- How to Update Twitter From WordPress
- How to Add Products to a WordPress eShop
- How to Edit WordPress Gallery Spacing
- How to Embed YouTube Into WordPress Sidebar
- How to Create a Full Width Page Template for WordP...
- How to Log in to WordPress With GoDaddy
- How to Turn off Widgets in a Wordpress Theme
- How to Delete Avatars in Wordpress
- How to Reinstall WordPress to Root
- How to Edit a Footer in a WordPress File
- How to Change the Header Size in WordPress 3.0
- How to Delete WordPress From cPanel
- How to Change WordPress Gallery Spacing
- How to Use Template Tags in WordPress in Widgets
- How to Access WordPress Page Files in BlueHost cPanel
- How to Rotate the Header Image in WordPress
- How to Connect Tumblr WordPress
- How to Migrate a Hosted WordPress to Your Own Domain
- How to Install Bulk Plugins in WordPress
- How to Make Changes on Multiple WordPress Posts
- How to Include a Graph in My WordPress Blog
- How to Embed WMV Video in WordPress
-
▼
October
(29)
adsense
How to Change WordPress Gallery Spacing
1. Visit the 'wp-admin' directory of your website and log in to the WordPress dashboard. Navigate to 'Appearance' and click the 'Editor' link to load the 'Edit Themes' screen. Find the 'style.css' link at the bottom of the list under 'Templates' and click to load it in the editor box.
2. Add the following code to the bottom of style.css:.gallery-item {margin-top: XXpx !important;margin-left: XXpx !important;margin-bottom: XXpx !important;margin-right: XXpx !important;}The class name 'gallery-item' matches the code WordPress generates for the gallery. WordPress automatically adds CSS code to any page containing an image gallery. In CSS, code between style tags on a Web page takes priority over code in an external CSS file, so you must use '!important' to override those on-page styles.
3. Click the blue 'Update File' button to save your changes. Visit your website and take a look at your gallery. If the new spacing creates a conflict with the rest of the site's design, go back and make tweaks to style.css until the gallery looks good.
2:45 AM | Filed Under | 0 Comments
Comments
Popular Posts
-
1. Log in to your Weebly account. 2. Click 'Theme Editor.' 3. Click on the 'Design' tab. 4. Select 'Edit CSS/HTM...
-
1. Sign up for a publisher account at Bidvertiser. Submit basic contact information and confirm your email address to get started. 2. Lo...
-
1. Log in to your WordPress dashboard. 2. Open the 'Appearance' section on the left side of the WordPress dashboard and then cli...
-
1. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
Facebook Widget 1. Create a Facebook fan page for your blog, if you don't already have one. You will have to manually share content wi...
-
1. Download and install the WordPress for BlackBerry app via BlackBerry App World. Download the version that corresponds with your BlackBe...
-
1. Go to your WordPress blog's administrative control panel. 2. Click the 'Settings' button on the left-side navigation menu...
-
1. Click the 'Add Contact' button on the 'Add New Post' page. This opens the 'Add a Contact Form' page. 2. Click...
-
1. Register an account with Amazon Web Services Cloud. If you have an existing Amazon account, enter your email address in the appropriate...
-
1. Log into your WordPress.com account using your user name and password. 2. Hover your cursor over the 'My Blogs' tab at the to...
Post a Comment