Road Fighter: use featured image on secondary pages ?

Discussion in 'RoadFighter WordPress Theme' started by dedieo62, Apr 15, 2014.

Thread Status:
Not open for further replies.
  1. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello,

    Is it possible to use featured image instead of simple header on secondary pages ?

    When uploading a featured image, it does not appear in the header: is there a Custom CSS to d have it?

    Sincerely Yours,
    Dedieo62
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    .header_container.not_home {
    background: url( Enter your image URL address here) center no-repeat;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    }
    
    This will solve your issue.
    NOTE : Use banner size of image for the header background, it will look better.
     
  3. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello Piyush,

    Thank You, but maybe there is an error in my Custom CSS, because it does not work ?

    Moreover, should I place the Custom CSS in a particular order position ?

    See my Custom CSS:

    .header_wrapper .logo img {
    display: none;
    }
    .page_heading_container {
    margin-bottom: 0px;
    }
    .page-content {
    padding-bottom: 0;
    }
    .header_container.not_home {
    background: url(http://www.mydomain.com/wp-content/...traiteur-chambres-hotes-proche-montreuil1.jpg) center no-repeat;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    }
    div.header_container.not_home {
    background: lightpink;
    }
    .footer_container {
    background: lightpink;
    }
    .bottom_footer_container {
    background: lightpink;
    }
    .header_container.home .menu-wrapper{
    background:transparent;
    }
    .header_container.not_home .menu-wrapper{
    background: transparent;
    }
    div.header_container.not_home .menu-wrapper{
    background: trasnparent;
    }
    .menu .ddsmoothmenu li li {
    background:transparent;
    }
    .menu .ddsmoothmenu li a {
    color: white;
    font-weight:bold;
    }

    Sincerely Yours,
    Dedieo62
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello Piyush,

    Is it possible to have your email? The wesite is under construction...

    Thanks,
    Dedieo62
     
  6. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Please send your website link on our email at [email protected]


    Thanks & Regards
    Gourav Shrivastava
     
  7. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello Gourav,

    My mail is gone,
    Thanks,
    Dedieo62
     
  8. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello again,

    I would prefer to use the featured image, as it would allow me to have a different photo/image per page.
    I think your solution would be interesting if I wanted to publish the same image on each page, on each secondary pages.

    Dedieo62
     
  9. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  10. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Hello Piyush,

    Reply sent :), but it does not work...maybe some part of my Custom CSS is wrong ?

    Sincerely Yours,
    Dedieo62
     
  11. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  12. dedieo62

    dedieo62 Member

    Joined:
    Apr 11, 2014
    Messages:
    158
    Likes Received:
    3
    Location:
    France
    Issue resolved!

    I have choosen this solution:
    .header_container.not_home {
    background: url(Enter your image URL address here) center no-repeat;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    }

    Thank you ,
    Dedieo62
     
Thread Status:
Not open for further replies.

Share This Page