WordPress.org

Forums

[resolved] Need To Remove Portfolio Background Image (7 posts)

  1. digistudios
    Member
    Posted 1 year 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: http://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('http://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.

  2. Jesin A
    Member
    Posted 1 year ago #

    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;
    }
  3. digistudios
    Member
    Posted 1 year ago #

    Thanks Jesin,

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

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

    I have no idea where this is generating from.

    Again, any help is very much appreciated.

  4. MikeArt
    Member
    Posted 1 year ago #

    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

  5. batharoy
    Member
    Posted 1 year ago #

    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;
    }
  6. digistudios
    Member
    Posted 1 year ago #

    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!

  7. digistudios
    Member
    Posted 1 year ago #

    Mark this off as "resolved".

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic