Layout Changes

Discussion in 'RoadFighter WordPress Theme' started by perfected, Sep 6, 2013.

  1. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Hi, I would like to customize this theme. On the homepage, I need the footer to butt up against the bottom of the slider. Everything in between needs to go. Also any way to get rid of the text box on the slider? I need to also get rid of the menu bar (or be able to change the color) so that just the text is there. Also need to be able to customize the text color of those links. I need to be able to change the background color on all pages. I have the homepage customized already.

    Thanks in advance!
     
  2. Gourav

    Gourav Support Staff

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

    Please clarify your first issue and also share the link of your website and for your other issues,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .menu-wrapper{
    background:transparent;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover{
    color:red!important;
    }
    #menu .ddsmoothmenu li a{
    color:yellow;
    }
    body{
    background:red;
    }
     
  3. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Thank you! Here is the website www.equinesign.us

    For the first issue, I would like the footer to be directly below the slider (and shadow). I have taken out all the things in that section, but now I have a blank blue space with white lines. I would to get rid of that space if possible. Also, is there any way to add a picture to the body text of certain pages? Also is there a quick way to change the text colors on all pages?

     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    1. For this issue,
    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .home-content {
    display: none;
    }
    .slider-wrapper {
    margin-bottom: 0px;
    }
    This will remove the blue space with white lines from your home page.

    For this issue,
    Go to the Pages > Add New in your dashboard and paste the code given below in the text editor section.
    Code:
    <img src="Enter your image URL address here">
    For the more details see the links.
    http://www.w3schools.com/html/html_images.asphttp://www.w3schools.com/tags/tag_img.asp


    3. For this issue,
    Paste the code given below in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    h1,h2,h3,h4,h5,h6,a, spam,p, body, ul,li{
    color: red ! important;
    }
    In place of "red" you can put your color or color code.
     
  5. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Thanks again! Any way to change the color of the breadcrumbs area from white?
     
  6. Gourav

    Gourav Support Staff

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

    Can you please explain your problem with the help of screenshot, where you want to change the color, so that we can give you the exact solution.
     
  7. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Sorry for this issue, I meant as a background behind the body text.

    I tried using <body background="http://equinesign.us/wp-content/uploads/2013/08/HorseScapeNoHorsesHK.jpg">

    But it shows up below the body text and not underneath (please see http://equinesign.us/about/)

     
  8. Piyush

    Piyush Support Staff

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

    Hello,

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .page-container {
    background-image: url(http://equinesign.us/wp-content/uploads/2013/08/HorseScapeNoHorsesHK.jpg);
    }
    This will solve your issue.
     
  9. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Is it possible to use a specific photo for a specific page?
     
  10. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
  11. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Will this work for the body text and not the header?

     
  12. Piyush

    Piyush Support Staff

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

    Dynamic Headers plugin only works for the header area. It don't work in the content area.

    If you want to use specific background images for specific pages
    then you need to catch the Id selector of that specific pages and then style them individually.

    Follow the instructions.

    1. Go to that pages in your dashboard on which you want to show different background images in the content area and
    catch the page id number as indicated in the image given below.

    [​IMG]

    2. Now, Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .page-id-134 .page-container {
    background-image: url(Enter the URL address of your background image for particular page here)
    }
    In place of "134" you need to put your page id in the above code, on which you want to display another background image.

    And repeat the above steps for the another specific page.

    This will solve your issue.
     
  13. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Thank you. Is there any way to get rid of the extra blue bands on the top and bottom of the picture? See: http://equinesign.us/contact/ for reference.
     
  14. Gourav

    Gourav Support Staff

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

    Hello,

    Could you please explain your problem with the help of screenshot, what you want to remove, so that we can give you the exact solution.
     
  15. perfected

    perfected New Member

    Joined:
    Sep 4, 2013
    Messages:
    8
    Likes Received:
    0
    Please see the arrows. It seems like it's an extra 2 bands. Is there any way to get rid of those?
     

    Attached Files:

  16. Piyush

    Piyush Support Staff

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

    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .page-id-19 .page_heading_container {
    display: none;
    }
    .page-id-19 .footer_container {
    display: none;
    }
    This will solve your issue.
     

Share This Page