grrr…getting frustrated trying to match sites

  • So I have a friend who had another “friend” start a site for him and then dropped off the face of the earth. I’ve agreed to help out and try to mimic that other site. I’m making progress but still not quite there. Baby steps are getting me there but I’ve hit one that is frustrating me to no end.

    Here is the site I’m trying to match:
    https://whatyouname.com/sports/

    Here is the site that I’m building:
    https://ckstrengthacademy.com/

    What I’m struggling with is the top. On the whatyouname.com site you can see that the wood flooring goes all the way across in some sort of banner. But it is not a banner with the logo, the logo floats on top like it is a background. But I can’t figure out how to add the flooring as a background as it is not an option. Of course the logo wasn’t an option either but I figured it out.

    The other issue is the “where hard work and science collide” statement is directly under the logo, but on the site I’m matching it is over on the right.

    I’ve been looking through the code on the whatyouname.com site (which is how I figured out how to do the logo) but just can’t figure out these two items.

    One other smaller, less important item…the banner background and the background of the page are both curved in the corners which looks slick. the theme must not do that natively…and again the guy must have done something.

    Any help is greatly appreciated!

    DZ

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi, Disneyzell:

    I’m pretty knew here and I haven’t fooled around with HTML in a while and I hope this suggestion doesn’t sound ignorant. But it looks like the CSS is embedded in the HTML page itself. Have you tried extracting the CSS then referring to it in the page you’re creating?

    Chris

    Thread Starter Disneyzell

    (@disneyzell)

    uh…no. I would definately try it, but have no idea how to do that. ?? can you describe it for me? I haven’t done anything else…so not at all worried about blowing it up and having to start over.

    Thread Starter Disneyzell

    (@disneyzell)

    babysteps continuing. I figured out how to put the background in the header (falling under the “duh” category”….the background choice in editing the theme.

    So now I just need to get the logo and text on top of this and I’m happy. thoughts?

    Good job. I’m brushing up on CSS as I write this, but you can copy all of the CSS info (should be delimited by a /style tag) into a new file with a .css extension (probably a good idea to store the style sheets in a separate ‘css’ directory), and then use a link command to refer to the CSS. For instance, call the new file ‘style.css’, then use the command <link rel=”stylesheet” href=<directory_name>/style.css”>.

    I recommend making a copy of the files that you modify, in case something goes awry.

    Good luck.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘grrr…getting frustrated trying to match sites’ is closed to new replies.