Announcement

Collapse
No announcement yet.

Help using a non-standard size corporate logo

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Help using a non-standard size corporate logo

    I've trawled the forum for an answet to this, found a few but none working for me.

    I use v10. I use Hotshot layout.

    I want to make my company logo taller. I need to adjust the height from the standard height to 127px.

    Can anyone advise excatly how to do it. I have the taller logo on the site, but the bottm part is cut off

    #2
    Download firefox browser and install the firebug plugin, this then allows you to 'inspect' the live site in real time, where it will shows the css classes applied to any area you inspect. Simply inspect the area in question, note the name of the css class controlling the height and then locate that name in the actinic stylesheet available on the design tab. Change to the height you want and upload, job done.

    Comment


      #3
      Originally posted by leehack View Post
      Download firefox browser and install the firebug plugin, this then allows you to 'inspect' the live site in real time, where it will shows the css classes applied to any area you inspect. Simply inspect the area in question, note the name of the css class controlling the height and then locate that name in the actinic stylesheet available on the design tab. Change to the height you want and upload, job done.
      In Firebug, the height of the logo is listed corectly 127px. But the line below the logo bar is still too high, covering part of the logo. I think its the div#hotshot-logobar that need to be made bigger to expose more of the logo.

      When thats highlighted in Firebug, the box on the right shows actinic.css, but I cant find the style sheet in my desgin tab. Any pointers?

      Comment


        #4
        In the Design tab there's s button just to the right of the drop down page type selector.

        Comment


          #5
          Found that, but can't see anywere to edit the height of this to make the image visible. I can't have been the only one to encounter this

          Comment


            #6
            It is common - you are correct. With Firebug you can make dynamic changes to the css, when you get it right you can then make the same changes in Actinic.

            Is the site uploaded, we can then take a look?

            Comment


              #7
              Originally posted by drounding View Post
              It is common - you are correct. With Firebug you can make dynamic changes to the css, when you get it right you can then make the same changes in Actinic.

              Is the site uploaded, we can then take a look?
              Site is www.intershoot.co.uk - the logo you see has a line of text underneath thats hidden, thats the problem.

              In Firebug it shows me the actinic.css sheet, but in my design tab in actinic I think I'm looking at theme.css, can't see how to get the actinic.css loaded

              In Firegub the 'logobar' height is lised at 80px, so I'm sure than the bit I need to edit, it needs to be bigger than the logo (127px)

              Comment


                #8
                You need to make these two changes:

                #hotshot-logobar {
                ...
                height:127px;
                ...
                }

                #hotshot-logo {
                ...
                height:127px;
                ...
                }

                You will find these in the Hotshot Themes css stylesheet. Go to the Design Library and expand Themes Stylesheets then double click on Styles for Hotshot Theme. Look for the above and change accordingly.

                Comment


                  #9
                  Originally posted by drounding View Post
                  You need to make these two changes:

                  #hotshot-logobar {
                  ...
                  height:127px;
                  ...
                  }

                  #hotshot-logo {
                  ...
                  height:127px;
                  ...
                  }

                  You will find these in the Hotshot Themes css stylesheet. Go to the Design Library and expand Themes Stylesheets then double click on Styles for Hotshot Theme. Look for the above and change accordingly.
                  Can't find it, thats my problem

                  I sort of figured thats the bit needing changed, in my design tree on the right hand side the top heading is 'Works Best With Hotshot', can't find the variable in any of the sections. - don't know if I'm looking at the Hotshot Themes stylesheet - I doubt it

                  Really appreciate the help..

                  Comment


                    #10
                    OK I GOT IT

                    Thank you a LOAD for the help!

                    Comment

                    Working...
                    X