Problem with display box background

  • Hello, my name is Dany and I am the founder of Real MMA and Fitness in Toronto. I am looking for some help regarding the display boxes on my website.

    https://www.realmma.ca
    https://www.realmma.ca/instructors/

    when you enter the website, click Instructors, then search every instructor page, you will see their descriptions, photos, etc. The problem is, that the background( blackish grey metal) does not stretch in synch with the written material in the box, making it all disoriented. I am asking as how to make that background stretch all the way down to the end so that the page looks cleaner. I am trying to edit the website after having it done by a company in India, but I am lost in terms of coding knowledge. Any and all help tho this matter would be most appreciated.

    Thanks

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

  • Dany,
    First of all, I like your site! There are several ways to accomplish what you want. The div that controls this section has a class assigned to it with style info. This needs to be edited in your theme’s CSS file.

    Here is the class definition as it stands now:

    .instructor-display {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #000;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
margin-bottom: 25px;
background: url(images/display-bg.jpg) no-repeat;
width: 970px;
margin: 0 auto 15px auto;
}

    The important bit is the background: url(images/display-bg.jpg) no-repeat;

    That “no-repeat” needs to be removed, it is what is preventing the image from tiling down the page. But simply removing that may not have the effect you want.

    I have made you a short unlisted (private) video explaining what needs to be done to fix this properly: https://youtu.be/Tyd2mTmpIA8

    I hope that helps, let me know if I can be of further assistance.

    Thread Starter DanyRealMMA

    (@danyrealmma)

    First off, thank you for the tremendous help you have bestowed on me. I am very grateful. Second, I am having trouble saving the css changes on wordpress. How does one do this? My theme has an editor but nothing seems to work. Do I post the css changes onto the editor page, or do I need to download a css editor attachment? Any answer to this question would be most appreciated.

    Thanks

    You should be able to use the editor in WP directly. If you cannot save your changes there it is most likely due to file permissions on your server.

    Alternately, use an ftp program like filezilla to connect to your web server, then use a text editor like sublime text 2 or notepad++ to edit the CSS file.

    You could also use filezilla or your website control panel to change the file permissions that would allow editing via WP admin, which is probably the simplest method for you. I have a couple WP tutorials on my site, and they would probably open your eyes to a lot, at least how to get things done in principle, if not actual solutions to your exact issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with display box background’ is closed to new replies.