HELP!! I really Need to figure this out...

Discussion in 'HTML & Website Design' started by miry, Jul 14, 2011.

  1. #1
    I am using a gallery program and I wanted to change the theme around I manages to change the logo but now look at everything http://www.mirielys.com/portfolio how can I change the colors and make the menu oprions not overlap my logo?

    *Notes*
    -I have been looking at the code to see if I find anything that looks right.
    :mad::confused:
     
    miry, Jul 14, 2011 IP
  2. sometimesare

    sometimesare Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I'd recommend you reset it back to how it was. Chances are the logo you are using is a different size than the one previously being used. If that's the case then it's pushing elements out of their position. If you can reset it, right click the image and save it to your computer. View the properties to see the size, then compare it to the logo you want. If they are different sizes then there is your problem. If they are the same size then you changed something in the code that had the same affect. Such as resizing a div. When I make changes to layouts generally i add * {border: solid 1px #000;} to the top of my css file. This gives all elements a border so I can see the sizes and locations for changes.
     
    sometimesare, Jul 14, 2011 IP
  3. coder0403

    coder0403 Peon

    Messages:
    44
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Open css file and find this: #g-site-menu
    And in its property:
    Change left: 140px;
    to left: 280px;

    Goodluck
     
    coder0403, Jul 14, 2011 IP
  4. Abhishek Kundu

    Abhishek Kundu Active Member

    Messages:
    133
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    58
    #4
    hi miry

    i do agree with coder0403. here is the step by step process that you will have to follow.

    STEP BY STEP PROCESS:
    1. Open the css file in your editor (you can find it under (portfolio/themes/wind/css/")
    2. Locate #g-site-menu (class)
    3. Change left: 140px; to left: 280px;
      before editing the css file
      
      #g-site-menu {
          bottom: 0;
          left: 140px;
          position: absolute;
      }
      
      HTML:
      after editing the css file
      
      #g-site-menu {
          bottom: 0;
          left: 280px;
          position: absolute;
      }
      
      HTML:
    4. Save the file.

    and you are done. :)

    hope this solution help you to solve your problem. i also thank coder0403 for putting in his effort. :)
     
    Abhishek Kundu, Jul 14, 2011 IP
  5. miry

    miry Member

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #5
    Thank you all! You guys are amazing, I would have been there forever.

    Now i have a question In the same file can I change colors of the gallery as well?
     
    miry, Jul 15, 2011 IP
  6. Abhishek Kundu

    Abhishek Kundu Active Member

    Messages:
    133
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    58
    #6
    hi miry,
    well you can change the color of your gallery.

    STEP BY STEP PROCESS:
    • Open the css file in your editor (you can find it under (portfolio/themes/wind/css/")
    • Locate #doc (class)
    • Add the following property -> background-color: <color of your choice>;
      i will recommend to use hex-codes for the colors. if you are not familiar what hex-codes are do pm me & i will try to help you out on that.
    • Save the file.

    you are done with your task. :)

    hope this solution help you to solve your problem. :)

    i could have posted a link where you would get the hex-codes of the colors but as i am new to this forum i am not allowed to post any live links.
     
    Abhishek Kundu, Jul 15, 2011 IP
  7. miry

    miry Member

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #7
    I can't find the #doc (class) in my CSS file
     
    miry, Jul 22, 2011 IP
  8. Essentially87

    Essentially87 Peon

    Messages:
    39
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    b096700015d798b635733856816af446.css, starts on line 599.

    Edit: Your website uses the scariest CSS file I have ever come across. It has over 2,100 lines of code. I hope this is an easy fix for you but I am worried you are going to run into a lot of cascading conflicts. Wordpress would be a better solution. Check out this template which has an awesome slideshow already built into it. PM me if you need further help.

    http://www.wine-accessories-guide.com/
     
    Last edited: Jul 22, 2011
    Essentially87, Jul 22, 2011 IP