Simple CSS Help Needed.

  • Resolved Scotty501

    (@scotty501)


    11 years, 7 months ago

    Hello All,

    I am trying to put a logo in the top right of each page. I almost got it there (not very good with CSS) but it does not look quite right. Link is here

    Can someone give me some basic instruction please ??

    #site-title {
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    background: url('https://109.73.171.178/~webryvmy/wp-content/themes/personaltrainer/logo1.jpg')no-repeat top right;
Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hi Scotty, you need to define a height and width if you’re going to use a background image.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It looks like you won’t have to define a width actually.

    this is not the best forum for ‘simple css help’ – consider to ask at a css forum like https://csscreator.com/forum

    your posted code seems to be wrong – in your site, I see the logo background on #site-description; (now it is back on #site-title ??)

    try to move it to #branding hgroup;

    #branding hgroup { 	background: url('https://109.73.171.178/~webryvmy/wp-content/themes/personaltrainer/logo1.jpg')no-repeat top right;
    Thread Starter Scotty501

    (@scotty501)

    Thanks for the rapid response – can you tell me how? If I use sotheing like

    `background-size 180px;’

    it just cuts off more. Sorry for the newbie questions.

    Thread Starter Scotty501

    (@scotty501)

    Thanks – that seems to have done it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Simple CSS Help Needed.’ is closed to new replies.