Need To Remove Portfolio Background Image

  • Resolved digistudios

    (@digistudios)


    11 years, 2 months ago

    I using the Sirens theme and do not seem to be getting anywhere with the creators of the theme with my issue. I am creating pages using the Portfolio option, along with the Ajax Portfolio Content. To use this, you must use the “Set Featured Image” function. When you use this, it automatically uses the first image you add into the Portfolio as a background image in the page title area, and I do not want this. I just want it to be white.

    You can see the sample theme here: https://themes.themegoods.com/?theme=Sirens
    And then go to “Portfolio 2 columns” and you can see the background image.

    The image comes in through the div: “.page_captio”n and here is what I have:
    .page_caption
    {
    margin: auto;
    width: 100%;
    height: 70px;
    text-align: center;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding-top: 4px;
    padding-right: 0;
    padding-bottom: 2;
    padding-left: 0;
    background-color: #FFFFFF;
    background-image: none;
    }

    But when I inspect the element, I get this:
    .page_caption {
    background: #f9f9f9 url(‘https://develop.laneforest.com/wp-content/uploads/2013/12/BarkO-Mulch-bg.jpg’) center center no-repeat;
    background-size: cover;

    So I think it might be coming through the custom-css.php file which as this:
    <?php $pp_page_header_bg_color = get_option(‘pp_page_header_bg_color’); ?> .page_caption { background:<?php echo $pp_page_header_bg_color; ?>; } .caption_header h1.withbg, .caption_breadcrumbs.withbg { background:<?php echo $pp_page_header_bg_color; ?>; padding-left:5px; padding-right:5px; } <?php } ?>

    I would send a link to my website, but it has a redirect on it. The Sirens portfolio page is doing the exact same thing we are experiencing.

    Any help would be greatly appreciated. I just want the background to be white with no image.

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

  • The code you’re seeing through “inspect element” is internal CSS code placed inside the <head>. On the frontend inside the custom-css.php file I find the following.

    .page_caption { background:#000000; }

    So that definitely isn’t causing that background image. This CSS code will remove

    .page_caption {
background-image: none;
}
    Thread Starter digistudios

    (@digistudios)

    Thanks Jesin,

    I have already added that CSS and still nothing changes. Where is this code coming from?

    background: #f9f9f9 url(‘https://develop.laneforest.com/wp-content/uploads/2013/12/BarkO-Mulch-bg.jpg&#8217;) center center no-repeat;
    background-size: cover;

    I have no idea where this is generating from.

    Again, any help is very much appreciated.

    Hi digistudios

    I would just remove that line of code in the page template or give it another css class. Look for a file something like: portfolio-2columns.php. I’m don’t know how the file is called, just look in your theme folder (root).

    If your not sure which line, you can copy the code in here and I’ll take a look.

    Mike

    You can remove the background easily with css.

    .page_caption {
background: #f9f9f9 url('') center center no-repeat;
}

    Notice it will remove it from all pages that use the .page_caption.
    If you want it only on specific pages:

    PAGEID .page_caption {
background: #f9f9f9 url('') center center no-repeat;
}

    Thread Starter digistudios

    (@digistudios)

    Thanks everyone! Problem solved. I followed MikeArt’s path, found the portfolio-4.php (I am using 4 columns for my portfolios) in Sirens root folder, found the css on that page and changed it to background; none.

    And now it’s as it should be now.

    I should have posted here two weeks ago!

    Mark this off as “resolved”.

    Thanks again!

    Thread Starter digistudios

    (@digistudios)

    Mark this off as “resolved”.

    Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need To Remove Portfolio Background Image’ is closed to new replies.