Results 1 to 7 of 7
  1. #1
    Join Date
    Nov 2007
    Posts
    555
    Plugin Contributions
    0

    Default changes to image - css

    Hi,

    My site is currently here

    I changed the 'a img' within the css to be

    float: right;
    margin-top:-15px;
    height: 238px;

    which meant that the image with the birds on was the right height + this moved the grey strip upwards by around 50pxls. However this then meant that other images through the site changed and stretched.

    How do I adjust this banner image so the grey stripe sits underneith further up but doesn't effect other images that use this style?

    Thanks

  2. #2
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: changes to image - css

    Try adding this to your stylesheet and see if it gives you the effect you want:

    Code:
    #logo {
    float: right;
    margin-top:-15px;
    height: 238px;
    	}
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  3. #3
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: changes to image - css

    You've also edited something incorrectly in your template. I'm seeing HOME_PAGE_TITLE instead of a title. Use admin>tools>developers tool kit to find where that should be defined.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  4. #4
    Join Date
    Nov 2007
    Posts
    555
    Plugin Contributions
    0

    Default Re: changes to image - css

    Quote Originally Posted by afo View Post
    Try adding this to your stylesheet and see if it gives you the effect you want:

    Code:
    #logo {
    float: right;
    margin-top:-15px;
    height: 238px;
    	}
    Yeah thats what I had which sorted out the top but then meant that other images were doing wierd things throughout the site...

    I've uploaded that style again to let you see what happens..

    Look here for one example

    Any idea what I can do?

    Thanks

  5. #5
    Join Date
    Nov 2007
    Posts
    555
    Plugin Contributions
    0

    Default Re: changes to image - css

    Quote Originally Posted by afo View Post
    You've also edited something incorrectly in your template. I'm seeing HOME_PAGE_TITLE instead of a title. Use admin>tools>developers tool kit to find where that should be defined.
    Thanks for spotting that...Found it in includes/languages/english/meta_tags.php

    Changed it here but it didn't effect it?

    First deleted the text 'HOME_PAGE_TITLE' and then tried replacing it with another word.

    Nothing changed.. very odd...any ideas?

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: changes to image - css

    You don't replace the HOME_PAGE_TITLE, you insert the text you want between the single quotes:

    Line #23 : define('HOME_PAGE_TITLE', 'new text here'); // usually best left blank

    That change you made to the height of a img is causing the problem with the images in your product listing. What problems are you having with other images when you remove that and add the height:238px; to #logo?

  7. #7
    Join Date
    Nov 2007
    Posts
    555
    Plugin Contributions
    0

    Default Re: changes to image - css

    Quote Originally Posted by stevesh View Post
    You don't replace the HOME_PAGE_TITLE, you insert the text you want between the single quotes:

    Line #23 : define('HOME_PAGE_TITLE', 'new text here'); // usually best left blank

    That change you made to the height of a img is causing the problem with the images in your product listing. What problems are you having with other images when you remove that and add the height:238px; to #logo?
    Title tag - oh yeah..ofcourse

    I have now added this
    define('HOME_PAGE_TITLE', 'ampm graphics'); // usually best left blank

    But still shows up with Home Page Title.
    Why can't I leave this blank?

    Also I have a meta tags file in languages/english/template folder which has this

    define('TITLE', 'ampm graphics print');

    // Site Tagline
    define('SITE_TAGLINE', 'ampm graphics print');

    Why isn't that showing??

    On a more positive note...the image problem has been solved Thank you...I hadn't put the #logo bit in the css

    Think I need a strong coffee to get my brain working better!

 

 

Similar Threads

  1. CSS Changes then Image Popup is Empty
    By Tapper in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Apr 2011, 03:40 PM
  2. Custom CSS changes
    By vivek_advsol in forum Upgrading from 1.3.x to 1.3.9
    Replies: 0
    Last Post: 4 May 2010, 02:32 AM
  3. https css changes
    By combatwombat_nz in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Feb 2008, 02:31 AM
  4. CSS: Color Changes
    By omega_shadow in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 1 Feb 2008, 09:51 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg