Can’t find where/how to go to change background image

  • Resolved judynight

    (@judynight)


    7 years, 2 months ago

    I have a template that refers to a background image (with the guacamole and chips) but I don’t know where to go in my site to change that image–I don’t know where it’s defined.
    I assume this is the line in question:
    <div id=”main” class=”main-block full img-back”>

    Can anyone help me?
    Judy

    Here’s the code:

    
<?php
/*
* Template Name: Reservation
*/
?>
<?php get_header(); ?>

<!–START CONTENT–>
<div class=”header__page-title color reservation”>
<div class=”header__text-wrapper top”>
<!–  /assets/icon/open-table.png” alt=””/> –>
<h2 class=”header__top-title reservation”></h2>
<h2 class=”header__top-title reservation”>210</h2>
<span class=”header__top-text reservation”>210 Green Bay Rd, Highwood , IL 60040 <br/> LIVE MUSIC VENUE </span>
</div>
</div>
<div id=”main” class=”main-block full img-back”>
<div class=”reservation__wrapper”>
<div class=”reservation__block”>
<h3 class=”reservation__title”>210 is a live music venue. Some dates utilize ticketing rather than reservations. See our music calendar for your date for specific information.</h3>
<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Reservation Page’) ) : ?>
<?php endif; ?>
<hr class=”reservation__line”/>
<!– <div class=”reservation__cansellation”>
/assets/icon/cancellation-icon.jpg” alt=””/>
<div class=”cansellation__text-b”>
<span class=”cansellation__title”>free cancellation</span>
<span class=”cansellation__text”>You can cancel your booking if you change your mind</span>
</div>
</div> –>
</div>

<?php if ( have_posts() ) {
while ( have_posts() ) {
the_post();
the_content();
} // end while
} // end if
?>
</div>

</div>
<!–END CONTENT–>
<?php require_once ‘subscribe-form.php’; ?>
<?php get_footer(); ?>
    • This topic was modified 7 years, 2 months ago by Marius L. J.. Reason: Fixed code formatting

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Marius L. J.

    (@clorith)

    Hi,

    The best approach, to avoid losing changes after a theme update, would be to just add the CSS your self here.

    First of all, go to your Media page in the admin area, and upload the image you wish to use, click on it to get the link for this image, and copy that link, we need it in a moment.

    As an example, let’s say you got the link https://210restaurant.com/wp-content/uploads/2017/12/new-background.jpg

    Now go to the customizer (Appearance > Customize), at the bottom on your left hadn screen there should be a field called Additional CSS, expand this, and use the following code:

    
.page-template-reservation .reservation__wrapper {
    background-image: url( 'https://210restaurant.com/wp-content/uploads/2017/12/new-background.jpg' );
}

    (Notice I put the image URL from earlier here, if you are also viewing the page in the preview screen, you should be able to see the change as it happens and make sure it looks as expected.

    Thread Starter judynight

    (@judynight)

    Wow! Thank you so much! I am working on it. To do this I need to make the right image size so I have an article (link below) to help me. Do you know how I find out how many pixels wide/high is my website?

    https://om4.com.au/client/preparing-image-files-before-uploading-with-wordpress/

    Thread Starter judynight

    (@judynight)

    Your advice worked great: https://210live.com/reservation/
    Thank you!

    I’m curious where I can find the original
    .page-template-reservation .reservation__wrapper
    because I’d like to be able to change things. We had a custom build and our programmers have ditched us. I have a guy to help me but I like to learn how to work it myself.

    Moderator Marius L. J.

    (@clorith)

    That’s in the themes CSS file, but I would honestly use the Additional CSS section as much as possible to avoid losing your work with any update.

    Thread Starter judynight

    (@judynight)

    Thank you so much for your help.
    Now I’d like to change the color of the header on the same page but can’t figure out how to do it:
    https://210live.com/reservation/

    I’ve tried doing something like what you did but it doesn’t seem to have any effect.

    Regarding our theme, it’s custom and I’m pretty sure we are never using our developer again. I’ve been changing things in the templates because our business is changing.

    Moderator Marius L. J.

    (@clorith)

    I’d recommend creating a new topic for new issues, as I can’t guarantee that I’ll have time to look into every additional topic that pops up within a single thread ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can’t find where/how to go to change background image’ is closed to new replies.