46 {{ upvoteCount | shortNum }}
46 {{ upvoteCount | shortNum }}

Does Anyone Know Php/css code?

by Byron_Wells
41 replies
  • WEB DESIGN
    • |
Alright Warriors

I am having a few slight problems with a theme, I know that it has got to do with the code.. But at the moment I am stumped..

I have got one of the Revolution Preminum theme called pro media. If anyone is very familiar with that theme, ie, the adsense, video different div segments

I know that it is has got to do with the css side.. I am trying to do something with the categories
#code #php or css
  • Profile picture of the author casben79
    i know a bit of css and wordpress theme mods, what is the problem?
    {{ DiscussionBoard.errors[1295123].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      i know a bit of css and wordpress theme mods, what is the problem?

      How well do you know the Revolution Themes please?

      The reason that I am asking is because they have different settings to normal themes, they have been able to add third bigger sidebar to their themes, etc.. They got seperate div segment called ads, video, etc..

      The first thing I am after is what is the code name to be able to display the categories in a box, but not in the sidebar parts....
      {{ DiscussionBoard.errors[1295149].message }}
      • Profile picture of the author casben79
        Originally Posted by Byron_Wells View Post

        .

        The first thing I am after is what is the code name to be able to display the categories in a box, but not in the sidebar parts....
        to display the categories, you need to put the following php code into a div which is styled and positioned where/how you want it
        <?php wp_list_categories(); ?>
        if you want to put arguments for that php call, they are all explained in the wordpress docs,
        codex.wordpress.org/ Template_Tags / wp_list_categories

        not really sure what you were trying to say with the last post.....
        {{ DiscussionBoard.errors[1295290].message }}
        • Profile picture of the author Byron_Wells
          Originally Posted by casben79 View Post

          to display the categories, you need to put the following php code into a div which is styled and positioned where/how you want it
          <?php wp_list_categories(); ?>
          if you want to put arguments for that php call, they are all explained in the wordpress docs,
          codex.wordpress.org/ Template_Tags / wp_list_categories

          not really sure what you were trying to say with the last post.....

          If you have a look at Internet Marketing Wizardry on the right hand side in the sidebar you will see the categories section... At the moment in the thesis theme, I have been able to put an image next door to each category. Also I have been able to display two categories on one line, instead of the normal one per line...

          I am trying to get the same done in the revolution theme
          {{ DiscussionBoard.errors[1295312].message }}
          • Profile picture of the author casben79
            ahh i think i know what you want, its 2:45 am here, im going to bed having trouble focusing on the PC screen let alone php coding!!
            ill have a look at this thread later on when i have had some sleep, if you havent had help since then, ill have another look at what i can do.
            {{ DiscussionBoard.errors[1295329].message }}
            • Profile picture of the author Byron_Wells
              Originally Posted by casben79 View Post

              ahh i think i know what you want, its 2:45 am here, im going to bed having trouble focusing on the PC screen let alone php coding!!
              ill have a look at this thread later on when i have had some sleep, if you havent had help since then, ill have another look at what i can do.
              Okey dokey
              {{ DiscussionBoard.errors[1295368].message }}
              • Profile picture of the author casben79
                you should be able to do this within the sidebar, try this in your css sheet:

                Code:
                .cat-item{
display:inline;
list-style-image:url(pathtoimage);
}
                let me know if it doesnt work...
                {{ DiscussionBoard.errors[1296036].message }}
                • Profile picture of the author Byron_Wells
                  Originally Posted by casben79 View Post

                  you should be able to do this within the sidebar, try this in your css sheet:

                  Code:
                  .cat-item{
display:inline;
list-style-image:url(pathtoimage);
}
                  let me know if it doesnt work...
                  Where in the actual css? what div am I attaching it to??
                  {{ DiscussionBoard.errors[1296182].message }}
  • Profile picture of the author casben79
    mate a wp theme is a wp theme, php is just dynamic html and css is all the same
    what is the url of the site you are working on, ill have a look.
    {{ DiscussionBoard.errors[1295171].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      mate a wp theme is a wp theme, php is just dynamic html and css is all the same
      what is the url of the site you are working on, ill have a look.
      My blog is supreme-host.com that I am having the issue with I.. I am trying to make the categories look the same as my other blog

      Internet Marketing Wizardry
      {{ DiscussionBoard.errors[1295193].message }}
  • Profile picture of the author casben79
    just copy and paste that into the bottom of your css sheet and add the path to the image you want as the icon
    {{ DiscussionBoard.errors[1296197].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      just copy and paste that into the bottom of your css sheet and add the path to the image you want as the icon
      Nearly Nearly..

      But incorrect image showing

      .cat-item{
      display:inline;
      list-style-image:url(images/bg_sidebar_folder.png);
      }
      {{ DiscussionBoard.errors[1296241].message }}
  • Profile picture of the author Byron_Wells
    It should be this one http://www.supreme-host.com/wp-conte...bar_folder.png
    {{ DiscussionBoard.errors[1296246].message }}
  • Profile picture of the author casben79
    dont get why that wouldnt work, but try putting the full path starting with http://
    {{ DiscussionBoard.errors[1296276].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      dont get why that wouldnt work, but try putting the full path starting with http://

      I have just found the problem.. Bascially all of my sidebars are preformatted with an icon image for all type of lists..

      This is my css file for this theme..

      /*
      Theme Name: Revolution Pro Media
      Theme URL: StudioPress Premium WordPress Themes
      Description: Revolution Pro Media is an insanely customizable 2-column Widget-ready theme created for WordPress.
      Author: Brian Gardner
      Author URI: Brian Gardner
      Version: 3.0

      Changelog:
      v4.0 - 12.15.08
      Fourth Release of Revolution Pro Media
      */

      body {


      background:transparent url(images/body-bg.png) no-repeat scroll center top;
      color:#202020;
      font-family:Arial,Tahoma,Verdana;
      font-size:12px;
      margin:0 auto;
      padding:0;

      }

      #wrap {
      background: #DDDDDD;
      width: 920px;
      margin: 0px auto 0px;
      overflow:hidden;
      padding: 0px;
      }

      /************************************************
      * Hyperlinks *
      ************************************************/

      a, a:visited {
      color: #B60000;
      text-decoration: none;
      }

      a:hover {
      text-decoration: underline;
      }

      /************************************************
      * Header *
      ************************************************/

      #header {
      background:transparent url(images/header22.jpg) no-repeat scroll 0 0;
      color:#FFFFFF;
      height:266px;
      margin:0 auto;
      overflow:hidden;
      padding:0;
      position:relative;
      width:920px;
      }
      a#logo {
      display:block;
      height:200px;
      margin:40px 0 0 40px;
      text-indent:-999em;
      width:300px;
      }

      #header h1 {
      color: #202020;
      font-size: 22px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      padding: 30px 0px 0px 0px;
      }

      #header h1 {
      color: #FFFFFF;
      font-size: 22px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      padding: 30px 0px 0px 0px;
      }

      #header h1 a, #header h1 a:visited {
      color: #FFFFFF;
      text-decoration: none;
      margin: 0px 0px 5px 0px;
      padding: 10px 0px 0px 0px;
      }

      #header h1 a:hover {
      color: #FFFFFF;
      text-decoration: none;
      }

      #header img {
      border: none;
      margin: 0px;
      padding: 0px;
      }

      #header a img {
      border: none;
      margin: 0px;
      padding: 0px;
      }

      #headerleft {
      width: 920px;
      float: left;
      font-size: 14px;
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      }

      #headerleft p {
      color: #FFFFFF;
      font-size: 14px;
      margin: 0px;
      padding: 0px;
      }


      #headerright {
      width: 250px;
      float: right;
      font-size: 12px;
      text-align: right;
      margin: 0px;
      padding: 50px 15px 0px 0px;
      overflow: hidden;
      }

      #headerright p {
      color: #FFFFFF;
      font-size: 12px;
      margin: 0px;
      padding: 0px 20px 0px 0px;
      }

      /************************************************
      * Navbar *
      ************************************************/

      #navbar {
      background: #2B2B2B url(images/navbar.gif);
      width: 920px;
      height: 35px;
      color: #FFFFFF;
      margin: 0px auto 0px;
      padding: 0px;
      }

      #navbarleft {
      width: 715px;
      margin: 0px;
      padding: 0px;
      position: relative;
      top: -234px;
      left: 354px;
      }

      #navbarright {
      width: 200px;
      margin: 0px;

      position:absolute;
      bottom:38px;
      right:20px;
      }

      #navbarright img {
      border: none;
      margin: 0px 0px 0px 0px;
      padding: 0px;
      }

      #nav {
      margin:0 0 0 15px;
      padding:0;
      position:absolute;
      top:34px;
      left:335px;
      }

      #nav ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
      }

      #nav a {
      background: #2B2B2B;
      color: #FFFFFF;
      display: block;
      font-size: 10px;
      font-weight: normal;
      text-transform: uppercase;
      margin: 0px 15px 0px 0px;
      padding: 11px 10px 11px 10px;
      }

      #nav a:hover {
      background: #666666;
      color: #FFFFFF;
      display: block;
      text-decoration: none;
      margin: 0px 15px 0px 0px;
      padding: 11px 10px 11px 10px;
      }

      #nav li {
      float: left;
      margin: 0px;
      padding: 0px;
      }

      #nav li li {
      float: left;
      margin: 0px;
      padding: 0px;
      width: 140px;
      }

      #nav li li a, #nav li li a:link, #nav li li a:visited {
      background: #2B2B2B;
      width: 140px;
      float: none;
      margin: 0px;
      padding: 8px 10px 8px 10px;
      border-top: 1px solid #C0C0C0;
      }

      #nav li li a:hover, #nav li li a:active {
      background: #666666;
      padding: 8px 10px 8px 10px;
      }

      #nav li ul {
      position: absolute;
      width: 10em;
      left: -999em;
      }

      #nav li:hover ul {
      left: auto;
      display: block;
      }

      #nav li:hover ul, #nav li.sfhover ul {
      left: auto;
      }

      /************************************************
      * SubNavbar *
      ************************************************/

      #subnavbar {
      background: #999999;
      width: 920px;
      height: 24px;
      color: #FFFFFF;
      margin: 0px auto 0px;
      padding: 0px;
      }

      #subnav {
      margin: 0px;
      padding: 0px;
      list-style: none;
      }

      #subnav ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
      }

      #subnav a {
      background: #999999;
      color: #FFFFFF;
      display: block;
      font-size: 10px;
      font-weight: normal;
      text-transform: uppercase;
      margin: 0px 15px 0px 0px;
      padding: 6px 10px 5px 10px;
      }

      #subnav a:hover {
      background: #666666;
      color: #FFFFFF;
      display: block;
      text-decoration: none;
      margin: 0px 15px 0px 0px;
      padding: 6px 10px 5px 10px;
      }

      #subnav li {
      float: left;
      margin: 0px;
      padding: 0px;
      }

      #subnav li li {
      float: left;
      margin: 0px;
      padding: 0px;
      width: 140px;
      }

      #subnav li li a, #subnav li li a:link, #subnav li li a:visited {
      background: #999999;
      width: 140px;
      float: none;
      margin: 0px;
      padding: 6px 10px 5px 10px;
      border-top: 1px solid #FFFFFF;
      }

      #subnav li li a:hover, #subnav li li a:active {
      background: #666666;
      }

      #subnav li ul {
      position: absolute;
      width: 10em;
      left: -999em;
      }

      #subnav li:hover ul {
      left: auto;
      display: block;
      }

      #subnav li:hover ul, #subnav li.sfhover1 ul {
      left: auto;
      }

      /************************************************
      * Homepage *
      ************************************************/

      #homepage {
      width: 920px;
      margin: 0px auto 0px;
      padding: 0px 0px 10px 0px;
      line-height: 20px;
      overflow:auto;
      }

      #homepage p {
      padding: 0px 0px 0px 0px;
      margin: 0px;
      }

      #homepage h1 {
      color: #202020;
      font-size: 22px;
      font-family: Times New Roman, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      padding: 10px 0px 0px 0px;
      }

      #homepage h1 a, #homepage h1 a:visited {
      color: #202020;
      text-decoration: none;
      margin: 0px 0px 5px 0px;
      padding: 10px 0px 0px 0px;
      }

      #homepage h1 a:hover {
      color: #B60000;
      text-decoration: none;
      }

      #homepage h2 {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      padding: 1px 0px 1px 5px;
      line-height: 20px;
      }

      #homepage h3 {
      color: #000000;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: bold;
      margin: 0px 0px 3px 0px;
      padding: 0px;
      line-height: 16px;
      }

      #homepage h3 a, #homepage h3 a:visited {
      color: #000000;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: bold;
      margin: 0px 0px 3px 0px;
      padding: 0px;
      line-height: 16px;
      text-decoration: underline;
      }

      #homepage h3 a:hover {
      color: #B60000;
      text-decoration: none;
      }

      #homepage h4 {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 1px 0px 1px 5px;
      line-height: 20px;
      }

      #hpleft {
      float: left;
      width: 580px;
      margin: 0px;
      padding: 0px;
      }

      .hptabber {
      background: #FFFFFF;
      float: left;
      width: 550px;
      margin: 10px 0px 10px 10px;
      padding: 9px 9px 9px 9px;
      display: inline;
      border: 1px solid #C0C0C0;
      }

      .hptabber img {
      border: none;
      margin: 0px;
      }

      .hpflickr {
      background: #FFFFFF;
      float: left;
      width: 550px;
      margin: 0px 0px 10px 10px;
      padding: 9px 9px 9px 9px;
      display: inline;
      border: 1px solid #C0C0C0;
      }

      .hpflickr a img {
      border: 1px solid #999999;
      margin: 0px 10px 0px 0px;
      padding: 2px;
      }

      .hpflickr a:hover img {
      border: 1px solid #000000;
      margin: 0px 10px 0px 0px;
      padding: 2px;
      }

      .homebottomleft {
      background: #FFFFFF;
      float: left;
      width: 260px;
      font-size: 11px;
      margin: 0px 0px 0px 10px;
      padding: 9px 9px 9px 9px;
      overflow: hidden;
      line-height: 16px;
      display: inline;
      border: 1px solid #C0C0C0;
      }

      .homebottomleft ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }

      .homebottomleft ul li {
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px;
      }

      .homebottomleft img {
      border: none;
      margin: 5px 0px 10px 0px;
      }

      .homebottomright {
      background: #FFFFFF;
      float: right;
      width: 260px;
      font-size: 11px;
      margin: 0px;
      padding: 9px 9px 9px 9px;
      overflow: hidden;
      line-height: 16px;
      border: 1px solid #C0C0C0;
      }

      .homebottomright ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }

      .homebottomright ul li {
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px;
      }

      .homebottomright img {
      border: none;
      margin: 5px 0px 10px 0px;
      }

      /************************************************
      * Content *
      ************************************************/

      #content {
      width: 920px;
      margin: 0px auto 0px;
      padding: 0px 0px 10px 0px;
      line-height: 20px;
      }

      #content p {
      padding: 0px 0px 15px 0px;
      margin: 0px;
      }

      #content h1 {
      color: #202020;
      font-size: 22px;
      font-family: Times New Roman, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 0px;
      }

      #content h1 a, #content h1 a:visited {
      color: #202020;
      text-decoration: none;
      margin: 0px 0px 10px 0px;
      padding: 0px;
      }

      #content h1 a:hover {
      color: #B60000;
      text-decoration: none;
      }

      #content h4 {
      color: #202020;
      font-size: 22px;
      font-family: Times New Roman, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 0px 0px 8px 0px;
      border-bottom: 1px dotted #C0C0C0;
      }

      #content img.wp-smiley {
      float: none;
      border: none;
      padding: 0px;
      margin: 0px;
      }

      #content img.wp-wink {
      float: none;
      border: none;
      padding: 0px;
      margin: 0px;
      }

      #contentleft {
      float: left;
      width: 570px;
      margin: 10px 0px 0px 10px;
      padding: 0px;
      display: inline;
      }

      #contentleft a img {
      margin: 0px;
      padding: 0px;
      border: none;
      }

      .archive {
      float: left;
      width: 250px;
      margin: 0px;
      padding: 0px 0px 20px 0px;
      }

      .date {
      padding: 0px;
      margin: 0px;
      }

      .date p {
      font-size: 12px;
      }

      blockquote {
      margin: 0px 20px 15px 20px;
      padding: 5px 0px 5px 15px;
      border-left: 5px solid #C0C0C0;
      }

      #content blockquote p {
      margin: 0px;
      padding: 0px;
      }

      .breadcrumb {
      float: left;
      width: 550px;
      font-size: 11px;
      margin: 0px 0px 20px 0px;
      padding: 0px 0px 3px 0px;
      border-bottom: 1px dotted #C0C0C0;
      }

      .postarea {
      background: #FFFFFF;
      float: left;
      width: 550px;
      margin: 0px 0px 0px 0px;
      padding: 9px 9px 0px 9px;
      border: 1px solid #C0C0C0;
      }

      .postarea ol {
      margin: 0px 0px 0px 20px;
      padding: 0px 0px 10px 0px;
      }

      .postarea ol li {
      margin: 0px 0px 0px 20px;
      padding: 0px 0px 5px 0px;
      }

      .postarea ul {
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px 10px 0px;
      }

      .postarea ul li {
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px 5px 0px;
      }

      .postarea ul ul li {
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px;
      }

      .adsense {
      background: #FFFFFF;
      float: left;
      width: 550px;
      margin: 10px 0px 10px 0px;
      padding: 9px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }

      .postmeta {
      width: 550px;
      font-size: 12px;
      padding: 5px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      border-top: 1px dotted #C0C0C0;
      }

      .postmeta2 {
      width: 550px;
      font-size: 12px;
      padding: 5px 0px 40px 0px;
      margin: 0px;
      border-top: 1px dotted #C0C0C0;
      }

      .comments {
      background: #FFFFFF;
      float: left;
      width: 550px;
      margin: 0px;
      padding: 14px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }

      /************************************************
      * Images *
      ************************************************/

      img.centered {
      display: block;
      margin-left: auto;
      margin-right: auto;
      padding: 0px;
      }

      img.alignnone {
      padding: 0px;
      margin: 0px 0px 10px 0px;
      display: inline;
      }

      img.alignright {
      padding: 0px;
      margin: 0px 0px 10px 10px;
      display: inline;
      }

      img.alignleft {
      padding: 0px;
      margin: 0px 10px 10px 0px;
      display: inline;
      }

      .alignright {
      float: right;
      }

      .alignleft {
      float: left;
      }

      .wp-caption {
      margin: 0px;
      padding: 0px;
      }

      .wp-caption img {
      margin: 0px 0px 10px 0px;
      padding: 0px;
      border: 0px;
      }

      .wp-caption p.wp-caption-text {
      margin: 0px;
      padding: 5px 0px 0px 0px;
      font-size: 10px;
      font-style: italic;
      font-weight: bold;
      line-height: 12px;
      }

      /************************************************
      * Sidebar *
      ************************************************/

      #sidebar {
      float: right;
      width: 320px;
      margin: 10px 10px 0px 0px;
      padding: 0px;
      line-height: 20px;
      display: inline;
      }

      #sidebar p {
      padding: 0px;
      margin: 0px;
      }

      #sidebar a img {
      border: none;
      margin: 0px;
      padding: 0px;
      }

      #sidebar h2 {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 1px 0px 1px 5px;
      line-height: 20px;
      }

      #sidebar h3 {
      color: #202020;
      font-size: 18px;
      font-family: Times New Roman, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 5px 0px;
      padding: 0px;
      line-height: 20px;
      }

      #sidebar ul {
      list-style-type: none;
      margin: 0px 0px 10px 0px;
      padding: 0px;
      }

      #sidebar ul li {
      list-style-type: none;
      margin: 0px 0px 5px 0px;
      padding: 0px;
      }

      #sidebar ul ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }

      #sidebar ul li li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      #sidebar ul li ul li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      .video {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }
      .video1 {
      ul {
      float: left;
      width: 12em;
      margin: 0;
      padding: 0;
      list-style: none;
      }

      li {
      float: left;
      width: 6em;
      margin: 0;
      padding: 0;
      }

      }

      .sidefeature {
      background: #FFFFFF;
      float: left;
      font-size: 11px;
      width: 300px;
      margin: 0px;
      padding: 9px 9px 9px 9px;
      line-height: 16px;
      border: 1px solid #C0C0C0;
      }

      .ad {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }

      .widgetarea {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 10px 10px 0px 10px;
      border: 1px solid #C0C0C0;
      }

      .posts {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 4px 9px;
      border: 1px solid #C0C0C0;
      }

      .recent_comments {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 4px 9px;
      border: 1px solid #C0C0C0;
      }

      .newsletter {
      background: #FFFFFF url(images/newsletter.gif) top right no-repeat;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }

      .pageblock {
      background: #FFFFFF;
      float: left;
      width: 300px;
      margin: 0px 0px 10px 0px;
      padding: 9px 9px 9px 9px;
      border: 1px solid #C0C0C0;
      }

      /************************************************
      * Left Sidebar *
      ************************************************/

      #l_sidebar {
      background: #FFFFFF;
      float: left;
      width: 135px;
      margin: 0px;
      padding: 9px 9px 0px 9px;
      border: 1px solid #C0C0C0;
      line-height: 20px;
      display: inline;
      }

      #l_sidebar p {
      padding: 0px 0px 15px 0px;
      margin: 0px;
      }

      #l_sidebar a img {
      border: none;
      margin: 0px;
      padding: 0px 0px 15px 0px;
      }

      #l_sidebar h2 {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 1px 0px 1px 5px;
      line-height: 20px;
      }

      #l_sidebar ul {
      list-style-type: none;
      margin: 0px 0px 10px 0px;
      padding: 0px;
      }

      #l_sidebar ul ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }

      #l_sidebar ul li li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      #l_sidebar ul li ul li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      /************************************************
      * Right Sidebar *
      ************************************************/

      #r_sidebar {
      background: #FFFFFF;
      float: right;
      width: 135px;
      margin: 0px;
      padding: 9px 9px 0px 9px;
      border: 1px solid #C0C0C0;
      line-height: 20px;
      display: inline;
      }

      #r_sidebar p {
      padding: 0px 0px 15px 0px;
      margin: 0px;
      }

      #r_sidebar a img {
      border: none;
      margin: 0px;
      padding: 0px 0px 15px 0px;
      }

      #r_sidebar h2 {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: normal;
      margin: 0px 0px 10px 0px;
      padding: 1px 0px 1px 5px;
      line-height: 20px;
      }

      #r_sidebar ul {
      list-style-type: none;
      margin: 0px 0px 10px 0px;
      padding: 0px;
      }

      #r_sidebar ul ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }

      #r_sidebar ul li li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      #r_sidebar ul li ul li {
      background: #FFFFFF url(images/icon.gif) no-repeat top left;
      padding: 0px 0px 5px 20px;
      margin: 0px;
      }

      /************************************************
      * Footer *
      ************************************************/

      #footer {
      background:transparent url(images/left2.jpg) repeat-x scroll center top;
      height:39px;
      margin:10px auto 0;
      padding:12px 0 0;
      text-align:center;
      }

      #footer p {
      color: #FFFFFF;
      font-size: 11px;
      font-family: Arial, Tahoma, Verdana;
      margin: 0px;
      padding: 0px;
      }

      #footer a, #footer a:visited {
      color: #FFFFFF;
      text-decoration: none;
      }

      #footer a:hover {
      text-decoration: underline;
      }

      /************************************************
      * Search Form *
      ************************************************/

      #searchform {
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      }

      #searchbox {
      background: #EEEEEE;
      width: 150px;
      color: #202020;
      font-size: 11px;
      font-family: Arial, Tahoma, Verdana;
      padding: 3px;
      margin: 0px 5px 7px 0px;
      border-top: 1px solid #666666;
      border-right: 1px solid #DDDDDD;
      border-left: 1px solid #666666;
      border-bottom: 1px solid #DDDDDD;
      display: inline;
      }

      #subscribe {
      margin: 0px;
      padding: 0px;
      overflow: hidden;
      }

      #subbutton {
      background: #777777 url(images/navbar.gif);
      color: #FFFFFF;
      font-size: 11px;
      font-family: Arial, Tahoma, Verdana;
      font-weight: bold;
      padding: 4px 4px 3px 4px;
      margin: 0px 0px 0px 8px;
      border-top: 1px solid #666666;
      border-right: 1px solid #DDDDDD;
      border-left: 1px solid #666666;
      border-bottom: 1px solid #DDDDDD;
      }

      #subbox {
      background: #EEEEEE;
      width: 240px;
      color: #202020;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      padding: 4px;
      margin: 5px 0px 0px 0px;
      border-top: 1px solid #666666;
      border-right: 1px solid #DDDDDD;
      border-left: 1px solid #666666;
      border-bottom: 1px solid #DDDDDD;
      }

      #author, #email, #url {
      background: #EEEEEE;
      color: #202020;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      padding: 4px;
      margin: 0px;
      border-top: 1px solid #666666;
      border-right: 1px solid #DDDDDD;
      border-left: 1px solid #666666;
      border-bottom: 1px solid #DDDDDD;
      }

      #submit {
      background: #202020;
      color: #FFFFFF;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      padding: 4px;
      margin: 0px;
      border-top: 1px solid #DDDDDD;
      border-right: 1px solid #666666;
      border-left: 1px solid #DDDDDD;
      border-bottom: 1px solid #666666;
      }

      #words {
      background: #EEEEEE;
      width: 420px;
      color: #202020;
      font-size: 12px;
      font-family: Arial, Tahoma, Verdana;
      padding: 4px;
      margin: 0px;
      border-top: 1px solid #666666;
      border-right: 1px solid #DDDDDD;
      border-left: 1px solid #666666;
      border-bottom: 1px solid #DDDDDD;
      }

      /************************************************
      * Comments *
      ************************************************/

      .commentlist li ul li {
      font-size: 12px;
      }

      .commentlist li {
      font-weight: bold;
      }

      .commentlist li .avatar {
      background: #FFFFFF;
      float: right;
      border: 1px solid #EEEEEE;
      padding: 2px;
      }

      .commentlist cite, .commentlist cite a {
      font-weight: bold;
      font-style: normal;
      font-size: 12px;
      }

      .commentlist p {
      font-weight: normal;
      text-transform: none;
      }

      .commentmetadata {
      font-weight: normal;
      }

      #commentform input {
      width: 170px;
      padding: 2px;
      margin: 5px 5px 1px 0px;
      }

      #commentform {
      margin: 5px 10px 0px 0px;
      }

      #commentform textarea {
      width: 100%;
      padding: 2px;
      }

      #respond:after {
      content: ".";
      display: block;
      height: 0px;
      clear: both;
      visibility: hidden;
      }

      #commentform p {
      margin: 5px 0px 5px 0px;
      }

      #commentform #submit {
      margin: 0px;
      float: left;
      }

      .alt {
      margin: 0px;
      padding: 10px;
      }

      .commentlist {
      margin: 0px;
      padding: 0px;
      }

      .commentlist ol {
      margin: 0px;
      padding: 10px;
      }

      .commentlist li {
      margin: 15px 0px 10px;
      padding: 10px 5px 10px 10px;
      list-style: none;
      }

      .commentlist li ul li {
      margin-right: -5px;
      margin-left: 10px;
      }

      .commentlist p {
      margin: 10px 5px 10px 0px;
      padding: 0px;
      }

      .children {
      margin: 0px;
      padding: 0px;
      }

      .nocomments {
      text-align: center;
      margin: 0px;
      padding: 0px;
      }

      .commentmetadata {
      font-size: 10px;
      margin: 0px;
      display: block;
      }

      .navigation {
      display: block;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 40px;
      }

      .alignright {
      float: right;
      }

      .alignleft {
      float: left;
      }

      .thread-alt {
      background: #FFFFFF;
      margin: 0px;
      padding: 0px;
      }

      .thread-even {
      background: #EEEEEE;
      margin: 0px;
      padding: 0px;
      }

      .depth-1 {
      border: 1px dotted #BBBBBB;
      margin: 0px;
      padding: 0px;
      }

      .even, .alt {
      border-top: 1px dotted #BBBBBB;
      border-bottom: 1px dotted #BBBBBB;
      border-left: 1px dotted #BBBBBB;
      margin: 0px;
      padding: 0px;
      }
      .cat-item{
      display:inline;
      list-style-image:url(http://www.supreme-host.com/wp-conte...bar_folder.png);
      }



      With the new bit at the bottom that we have added affects all of my sidebars which is not what I want

      What I would like to do is pull the categories out of all of the sidebars. My theme comes with 3 sidebars 1 very big one on top right, then 2 little ones underneath.. I can also put seperate peieces/boxes between these sidebars..

      I can provide you with the link to download the theme to see what I am talking about
      {{ DiscussionBoard.errors[1296340].message }}
      • Profile picture of the author casben79
        easier would be to add me as a admin user or send me login details and i can see what is going on, ill even code up a bit for you if you want
        {{ DiscussionBoard.errors[1296373].message }}
  • Profile picture of the author promo_guy
    Byron,

    Have you tried adding your Posts or Pages to the Featured Category? I was looking at your code earlier before you made your recent changes and first of all, I don't see any links in your list, ie before you had "Categories" and two links "Product Reviews" and "Tets", they were lists items.

    So, without any list items how can we see the list-style-image? Try putting a couple test posts together and have them in the featured category then see if those list images show up.

    I'm sure casben will sort you out but earlier it looked like you simply pasted an unordered lists from your thesis theme.

    Anyway, I'm sure you guys will figure it out.
    {{ DiscussionBoard.errors[1296463].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by promo_guy View Post

      Byron,

      Have you tried adding your Posts or Pages to the Featured Category? I was looking at your code earlier before you made your recent changes and first of all, I don't see any links in your list, ie before you had "Categories" and two links "Product Reviews" and "Tets", they were lists items.

      So, without any list items how can we see the list-style-image? Try putting a couple test posts together and have them in the featured category then see if those list images show up.

      I'm sure casben will sort you out but earlier it looked like you simply pasted an unordered lists from your thesis theme.

      Anyway, I'm sure you guys will figure it out.
      Lol after a few long hours we are virtualy getting there

      Just now got a problem with the homepage.. Which doesnt use the big sidebar on the homepage.. They have created a seperate sidebar_home.php for it..

      Once I have figured out how to take the categories out of the widgets, sidebar area, and put it somewhere else, and still get it to display as if it was in the sidebar area, then sorted
      {{ DiscussionBoard.errors[1297806].message }}
  • Profile picture of the author Orlando Web Design
    i know php / css
    Signature
    Financial Thing: Peer to Peer Lending Reviews
    Poker Tilt : The Dutch Boyd Story
    {{ DiscussionBoard.errors[1297067].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by Orlando Web Design View Post

      i know php / css
      Lol after a few long hours we are virtualy getting there

      Just now got a problem with the homepage.. Which doesnt use the big sidebar on the homepage.. They have created a seperate sidebar_home.php for it..

      Once I have figured out how to take the categories out of the widgets, sidebar area, and put it somewhere else, and still get it to display as if it was in the sidebar area, then sorted
      {{ DiscussionBoard.errors[1297807].message }}
      • Profile picture of the author casben79
        do you want to display the categories on the sidebar on the homepage?
        {{ DiscussionBoard.errors[1297819].message }}
        • Profile picture of the author Byron_Wells
          Originally Posted by casben79 View Post

          do you want to display the categories on the sidebar on the homepage?
          Yes

          This is how it is display at the moment.. If you take a look the siderbar_home.php file.. You will see that I have added the code that you supplied to the <div video1> section..

          If I can keep it there perfect

          Oh btw how do I give you a coffee in here?? Never done it before.. lol
          {{ DiscussionBoard.errors[1297826].message }}
  • Profile picture of the author casben79
    thats not right, ill fix it, coffee via paypal its entirely up to you.
    {{ DiscussionBoard.errors[1297844].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      thats not right, ill fix it, coffee via paypal its entirely up to you.
      Strange I never heard of that before
      {{ DiscussionBoard.errors[1297864].message }}
  • Profile picture of the author casben79
    hows that?
    {{ DiscussionBoard.errors[1297857].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      hows that?
      The categories name that is automatically displayed on the home page.. will need to be removed.. <h1>Categories</h1> it will going in that
      {{ DiscussionBoard.errors[1297871].message }}
  • Profile picture of the author casben79
    hows that?? deja vu!!
    {{ DiscussionBoard.errors[1297996].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by casben79 View Post

      hows that?? deja vu!!
      Casben

      Thanks for your help so far... You are ace

      If you are up 4 it I have another challenge for you Yeah I know I'm cheeky but you cant blame me for trying
      {{ DiscussionBoard.errors[1307536].message }}
      • Profile picture of the author casben79
        im busy mate, so itll have to be quick but what do you need?
        {{ DiscussionBoard.errors[1307589].message }}
        • Profile picture of the author Byron_Wells
          Originally Posted by casben79 View Post

          im busy mate, so itll have to be quick but what do you need?
          Alrigth Casben

          Im trying to get the new date format to appear on the same level as the title of the blog does

          Test : digitalresellersvault.com
          {{ DiscussionBoard.errors[1309410].message }}
  • Profile picture of the author R.Flanders
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[1309573].message }}
    • Profile picture of the author Byron_Wells
      Originally Posted by R.Flanders View Post

      i know the PHP and css is little.may i know your problem please.

      i have been able to sort main problem out with the help of Casben.. However I do have another query/problem... How do I move the date up to be in level with the title of the blog post

      Please see this page
      Test : digitalresellersvault.com
      {{ DiscussionBoard.errors[1309588].message }}
      • Profile picture of the author casben79
        Originally Posted by Byron_Wells View Post

        i have been able to sort main problem out with the help of Casben.. However I do have another query/problem... How do I move the date up to be in level with the title of the blog post

        Please see this page
        Test : digitalresellersvault.com
        the date is actually placed inside the post div.

        try this:
        make a new div class postheader or something like that and move the date inside it like this.

        Code:
        <div class="postheader">
<h1 class=title>...</h1>
<p class="date">.....</p>
</div><!--end postheader-->

then change the width of the header in the css

#content h1{width:490px;}

and set postheader to display:inline;

.postheader{
display:inline
}
        that should do it, lt me know how you go.
        {{ DiscussionBoard.errors[1309976].message }}
        • Profile picture of the author Byron_Wells
          Originally Posted by casben79 View Post

          the date is actually placed inside the post div.

          try this:
          make a new div class postheader or something like that and move the date inside it like this.

          Code:
          <div class="postheader">
<h1 class=title>...</h1>
<p class="date">.....</p>
</div><!--end postheader-->
 
then change the width of the header in the css
 
#content h1{width:490px;}
 
and set postheader to display:inline;
 
.postheader{
display:inline
}
          that should do it, lt me know how you go.

          I believe I have done what you said.. But its gone very wrong now.. At the moment I have got the title now in the date box lol
          {{ DiscussionBoard.errors[1310234].message }}
          • Profile picture of the author casben79
            you still have the date in the post
            here is what your source looks like:

            Code:
            <div class="dateformat"> 
<h1 class="title"><a href="http://digitalresellersvault.com/?p=4" rel="bookmark">Test</a></h1>

<div class="post" id="post-4"> 
 
 
<p class="date"> 
<span class="month"> 
Oct</span> 
<span class="day"> 
22</span> 
<span class="year"> 
2009</span> 
</p></div> 
 
 
 
<p>Test pOSR</p>
            it needs to go like this

            Code:
            <div class="dateformat"> 
<h1 class="title"><a href="http://digitalresellersvault.com/?p=4" rel="bookmark">Test</a></h1>
<p class="date"> 
<span class="month"> 
Oct</span> 
<span class="day"> 
22</span> 
<span class="year"> 
2009</span> 
</p></div> 

<div class="post" id="post-4"> 
<p>Test pOSR</p> 
........</div>
            just cut the code for the date and paste it before the start of the post.
            {{ DiscussionBoard.errors[1310406].message }}
            • Profile picture of the author Byron_Wells
              Originally Posted by casben79 View Post

              you still have the date in the post
              here is what your source looks like:

              Code:
              <div class="dateformat"> 
<h1 class="title"><a href="http://digitalresellersvault.com/?p=4" rel="bookmark">Test</a></h1>
 
<div class="post" id="post-4"> 
 
 
<p class="date"> 
<span class="month"> 
Oct</span> 
<span class="day"> 
22</span> 
<span class="year"> 
2009</span> 
</p></div> 
 
 
 
<p>Test pOSR</p>
              it needs to go like this

              Code:
              <div class="dateformat"> 
<h1 class="title"><a href="http://digitalresellersvault.com/?p=4" rel="bookmark">Test</a></h1>
<p class="date"> 
<span class="month"> 
Oct</span> 
<span class="day"> 
22</span> 
<span class="year"> 
2009</span> 
</p></div> 
 
<div class="post" id="post-4"> 
<p>Test pOSR</p> 
........</div>
              just cut the code for the date and paste it before the start of the post.
              You mean like this?

              <?php get_header(); ?>
              <div id="content">
              <div id="contentleft">
              <div class="postarea">
              <?php include(TEMPLATEPATH."/breadcrumb.php");?>
              <div class="dateformat">
              <h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1><?php if (have_posts()) : while (have_posts()) : the_post(); ?>
              <p class="date">
              <span class="month">
              <?php the_time('M') ?>
              </span>
              <span class="day">
              <?php the_time('d') ?>
              </span>
              <span class="year">
              <?php the_time('Y') ?>
              </span>
              </p></div>
              <div class="post" id="post-<?php the_ID(); ?>">
              <?php the_content(__('Read more'));?><div style="clear:both;"></div>
              <div class="postmeta">
              <p>Filed Under <?php the_category(', ') ?><br />Tagged: <?php the_tags('') ?></p>
              </div>
              <!--
              <?php trackback_rdf(); ?>
              -->
              <?php endwhile; else: ?>
              <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>

              </div></div>
              <div class="adsense">
              <!--To activate your Google AdSense ad, go to your WP dashboard and go to Appearance -> Revolution Pro Options and enter your Google Adsense Code.-->
              <?php $adsense_468 = get_option('revpro_adsense_468'); echo stripslashes($adsense_468); ?>
              </div>
              <div class="comments">
              <?php comments_template('',true); ?>
              </div>
              </div>
              <?php include(TEMPLATEPATH."/sidebar.php");?>
              </div>
              <!-- The main column ends -->
              <?php get_footer(); ?>
              {{ DiscussionBoard.errors[1310694].message }}
              • Profile picture of the author casben79
                no, like this.

                Code:
                <?php get_header(); ?>
<div id="content">
<div id="contentleft">
<div class="postarea">
<?php include(TEMPLATEPATH."/breadcrumb.php");?>
<div class="dateformat">
<h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>


<p class="date">
<span class="month">
<?php the_time('M') ?>
</span>
<span class="day">
<?php the_time('d') ?>
</span>
<span class="year">
<?php the_time('Y') ?>
</span>
</p></div>




<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<div class="postmeta">
<p>Filed Under <?php the_category(', ') ?><br />Tagged: <?php the_tags('') ?></p>
</div>
                {{ DiscussionBoard.errors[1310717].message }}
  • Profile picture of the author Byron_Wells
    Casben

    Just copied and pasted the code in and I get this message

    Parse error: syntax error, unexpected $end in /home/megagame/public_html/digitalresellersvault.com/wp-content/themes/revolution_pro-40/index.php on line 31
    {{ DiscussionBoard.errors[1310872].message }}
    • Profile picture of the author casben79
      i had cut it so it wasnt so big... this should work

      Code:
      <?php get_header(); ?>
<div id="content">
<div id="contentleft">
<div class="postarea">
<?php include(TEMPLATEPATH."/breadcrumb.php");?>
<div class="dateformat">
<h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<p class="date">
<span class="month">
<?php the_time('M') ?>
</span>
<span class="day">
<?php the_time('d') ?>
</span>
<span class="year">
<?php the_time('Y') ?>
</span>
</p></div>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<div class="postmeta">
<p>Filed Under <?php the_category(', ') ?><br />Tagged: <?php the_tags('') ?></p>
</div>
<!--
<?php trackback_rdf(); ?>
-->
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>

</div></div>
<div class="adsense">
<!--To activate your Google AdSense ad, go to your WP dashboard and go to Appearance -> Revolution Pro Options and enter your Google Adsense Code.-->
<?php  = get_option('revpro_adsense_468'); echo stripslashes(); ?>
</div>
<div class="comments">
<?php comments_template('',true); ?>
</div>
</div>
<?php include(TEMPLATEPATH."/sidebar.php");?>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
      {{ DiscussionBoard.errors[1310927].message }}
      • Profile picture of the author Byron_Wells
        Originally Posted by casben79 View Post

        i had cut it so it wasnt so big... this should work

        Code:
        <?php get_header(); ?>
<div id="content">
<div id="contentleft">
<div class="postarea">
<?php include(TEMPLATEPATH."/breadcrumb.php");?>
<div class="dateformat">
<h1 class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<p class="date">
<span class="month">
<?php the_time('M') ?>
</span>
<span class="day">
<?php the_time('d') ?>
</span>
<span class="year">
<?php the_time('Y') ?>
</span>
</p></div>
 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
<div class="post" id="post-<?php the_ID(); ?>">
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<div class="postmeta">
<p>Filed Under <?php the_category(', ') ?><br />Tagged: <?php the_tags('') ?></p>
</div>
<!--
<?php trackback_rdf(); ?>
-->
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
 
</div></div>
<div class="adsense">
<!--To activate your Google AdSense ad, go to your WP dashboard and go to Appearance -> Revolution Pro Options and enter your Google Adsense Code.-->
<?php  = get_option('revpro_adsense_468'); echo stripslashes(); ?>
</div>
<div class="comments">
<?php comments_template('',true); ?>
</div>
</div>
<?php include(TEMPLATEPATH."/sidebar.php");?>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
        Casben

        I have copied the full code as above and still getting the same message
        {{ DiscussionBoard.errors[1310969].message }}
        • Profile picture of the author casben79
          pm me the login details ill have a look
          {{ DiscussionBoard.errors[1311041].message }}
          • Profile picture of the author Byron_Wells
            Originally Posted by casben79 View Post

            pm me the login details ill have a look
            Details sent
            {{ DiscussionBoard.errors[1311050].message }}

Trending Topics