Ready to get started?Download WordPress


Preference Lite
[resolved] Background question (7 posts)

  1. Silja-Jonsson
    Posted 1 year ago #

    Hello and thanks for an absolutely wonderful theme. There's not much I'd like to change but one thing I'm considering changing is the background, is it possible to only have one background image (fixed) instead of the top/bottom ones?! I would really appreciate any kind of help given.

    I wish ya'll a good day, Silja

  2. Aditya Pandey
    Posted 1 year ago #

    Yes, you can first remove background of top, white one. Then change background.

    To remove top background you need to remove some code in header.php
    But I highly recommend you to use child themes so that changes won't get lost if you update your themes.

    Then copy header.php from parent theme (/wp-content/themes/preference-lite/header.php) to your child theme directory (/wp-content/themes/child-theme/) and then remove following:

    Remove whole code on line 37, that is:

    <div id="page-top-bg" style="border-top-color: <?php echo get_theme_mod( 'page_top_border', '#595A67' ); ?>; border-bottom-color: <?php echo get_theme_mod( 'tophalf_botline', '#BCBCBC' ); ?>; background-color:<?php echo get_theme_mod( 'tophalf_bg', '#ffffff' ); ?>;"></div>

  3. Silja-Jonsson
    Posted 1 year ago #

    Million thanks! Just one tiny remaining question. When I finally got the background as wanted, I would like to have the "black frame" around the header image transparent. Hopefully this's possible too?! :)

  4. Aditya Pandey
    Posted 1 year ago #

    What do you mean by "black frame"? Can you please elaborate?

  5. Silja-Jonsson
    Posted 1 year ago #

    This is my website (under construction of course): http://jonssonqh.com/
    I'm referring to the black frame (I believe it's called showcase) around the header image... Please let me know if I need to elaborate even more.. :)

  6. Aditya Pandey
    Posted 1 year ago #

    Add the following code in your child themes style.css

    #showcase-wrapper {
    	background: none !important;
    	padding: 0 !important;
    #showcase-wrapper .span12 {
    	width: 1200px;
    	margin-left: 15px;
  7. Silja-Jonsson
    Posted 1 year ago #

    A great amount of thanks!
    I like how it turned out to look. :D

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic