Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Forum How-To (http://forum.bytesforall.com/forumdisplay.php?f=9)
-   -   Where should this code be placed (http://forum.bytesforall.com/showthread.php?t=7467)

atticadesign Jun 6, 2010 02:39 PM

Where should this code be placed
 
HI

First of all thanks for an excellent theme, however I am in need of some guiding hands, so please be gental.

I am designing the website for British Singer Marcelle Ash at www.marcelleash.com.
I have used as a wiget on the home page the Dynamic Content Gallery. Using firebug I have found how to position the galley on the home page by using left: and top: The actual code is

<div class="galleryview" id="dfcg_images" style="visibility: visible; position: relative; margin: 0pt; background: none repeat scroll 0% 0% black; border: 10px solid rgb(0, 0, 0); width: 599px; height: 300px;">.

However, after spending the last 4 days trying to find out which "uploaded" file I need to change in order for the changes to be reflected in the on line version, I am close to tearing my hair out. Has anybody any suggestions

Thanks
Mike

juggledad Jun 6, 2010 04:29 PM

Use the themes CSS Inserts option then you don't have to make code changes

atticadesign Jun 6, 2010 11:42 PM

Thanks juggledad, I had a look and a "bit of a fiddle" by placing that code above into it but with no joy
The code in the css insert BEFORE I put the code from above in is

td#header {
padding-bottom: 15px;
}
/* removing the padding here and putting them on the sidebars instead. That way the middle column aligns nicely with the header when there are no sidebars */
td#middle {
padding: 0;
}
div.searchbox-form {
margin: 5px 0 15px 5px;
}
div#menu1 ul.rMenu {
background: transparent;
border: none;
}








div#imagecontainer {
border-top: solid 5px #333;
border-bottom: solid 5px #333;
}
div.widget ul li {
padding: 1px 5px 1px 12px !important;
background: url('<?php bloginfo('template_directory'); ?>/images/bullets/round-gray.gif') no-repeat 0 7px;
}
/* Adjustments for the menu bars, which in their default
state have 1px borders plus -1px margins to avoid 1+1=2px
borders between neighbor items. */
ul.rMenu-hor ul, ul.rMenu-hRight ul { margin-top: 0px; }
ul.rMenu-hor li { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; }
ul.rMenu-hor { padding-left: 0px; }
ul.rMenu-ver li { margin-top: 0xp; }

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px;
}
/* Space between items of page menu bar */
div#menu1 ul.rMenu li {
margin-right: 5px;
}
/* Reset margin for 2nd+ level items */
div#menu1 ul.rMenu li li {
margin-right: 0;
}
/* round corners for page menu bar items */
div#menu1 ul.rMenu li, div#menu1 ul.rMenu li a {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* reset 2nd+ level */
div#menu1 ul.rMenu li li, div#menu1 ul.rMenu li li a {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}


If you can I would be greatful if you could tell me exactly where to slot the code
<div class="galleryview" id="dfcg_images" style="visibility: visible; position: relative; margin: 0pt; background: none repeat scroll 0% 0% black; border: 10px solid rgb(0, 0, 0); width: 599px; height: 300px;">

Into
Many Thanks

juggledad Jun 7, 2010 04:42 AM

ok, couple things.
1) widgets go in the sidebars, unless you are using a new widget area . Are you?
2) the code you have is HTML, CSS goes in CSS Inserts - you need to code a CSS Selector and rule for the styling
3) is this code only to appear once on the home page? Where? You could add the HTML, in a php IF statement, into the Style & edit CENTER COLUMN.


All times are GMT -6. The time now is 12:22 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.