How to Make the Slideshow Gallery Run Across the Blog Homepage?

If you need to position the slideshow gallery perfectly, for example, if you want the slideshow gallery to spread across horizontally such as the below example on your homepage, then tries the following method:




  1. You can only control the positioning of the slideshow gallery or FCG by using stylesheet i.e. custom.css
  2. In wordpress dashboard, click on “Appearance” and go to “Editor”.
  3. Make sure your theme is “Headway” under “ Select theme to edit”.
  4. On the right hand side under “Style”, select “custom.css” to edit.
    (Note: the custom.css must be set to permission of 777 mode before it can be edited otherwise you will see this message below:

    “ You need to make this file writable before you can save your changes. See the Codex for more information.”
  5. If you want more information how to change the permission of the file, click here to see the method using FTP.
  6. Insert the following code into the custom.css file:
<div style="padding-left: 100px;">
body.custom #leaf-35 {
margin:0;
margin-top:-15px;
padding-top:0;
padding-bottom:0;
border-top:none;
border-bottom:none;
background-color:#000000;
}</div>

  1. The margin, padding and border is set to 0 or none to get rid of the space around the slideshow gallery or FCG.
  2. The “margin-top:-15px;” is needed to get rid of the space between the header the slideshow gallery.
  3. The “background-color:#000000;” is set to black color. You can change this color to your liking.
  4. Once you made the changes, click on “Update File” button to save.

Comments

Popular posts from this blog

Headway Visual Editor not Loading in the Browser