How to change colors?

Discussion in 'VideoCraft WordPress Theme' started by peterpohls, Jan 14, 2013.

  1. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    dallasblvd.com/dlife/

    how to change colors in the whole template, body, container, the black theme is not entirely black!! the menu is white.... i would like it to make it black, and the fonts of menu orange, hover also another color.

    the top of theme below menu is black but it fades to gray to menu! thts fine but if i make menu black it will look strange.

    where the main video window is, is NOT black?? we would like to have it black or a darker gray.

    below main video continues with dark gray and at footer fades to black. also be able to change this colors!

    the containers fade from gray to dark gray , also if possible to change colors!

    THX
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS


    Code:
    .top_strip{
    background:black;
    }
    #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, #menu li.current_page_item a{
    background:green;
    }
    #menu .ddsmoothmenu li a{
    color:orange;
    }
    .video_wrapper.front{
    background:black;
    }
    .content_wrapper{
    background:black;
    }
    .content_wrapper_shaddow{
    background:black;
    }
    .frontpage-content_shaddow{
    background:black;
    }
     
  3. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    Excellent Support,, Thx a lot
     
  4. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
  5. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    i start to understand the language, :) i fix this my self this time, thx for all support
     
  6. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    i try this but not working
    #page_container_single{
    background:none;
    }
     
  7. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    for some reason it worked this way
    .page_container{
    background:black;
    }

    <body class=" customize-support" data-twttr-rendered="true"><div class="top_strip"></div><div class="top_wrapper"></div><div class="video_wrapper"></div><div class="content_wrapper_shaddow"></div><div class="page_container single"></div></body>

    is there maybe a slash missing?? <div class="page_container single">

    http://dallasblvd.com/dlife/video_listing/pisode-3-why-derik-got-kicked-out/
     
  8. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    http://dallasblvd.com/dlife/video_listing/episode-2-how-lane-became-a-player/ in this link is the problem
    see description in previous post and may an error there!! pls help

    this is all the code i have put into custom css, but i still cannot put transparency in this page...
    http://dallasblvd.com/dlife/video_listing/episode-2-how-lane-became-a-player/
    here is were i want to put the transparency
    <div class="page_container single"></div>

    .page_container single{
    background:black;
    filter: alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    }

    But i get a nothing changed
    if i use

    .page_container single{
    background:black;
    filter: alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    }

    the page opacity 5%
    ??


    _____________________________________________all custom CSS in theme________________________ IT LOOKS AWSOME

    .top_strip .menu .associative_link li.listing-btn a{
    display:none;
    }
    .content ul.fthumbnail li span.videobox span.author {
    display: none;
    }
    .views {
    margin-top: -10px;
    }
    .top_strip{
    height:35px;
    }
    #menu .ddsmoothmenu li a{
    line-height:30px;
    padding-bottom:4px;
    }
    .top_strip{
    background:black;
    }
    #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, #menu li.current_page_item a{
    background:gray;
    }
    #menu .ddsmoothmenu li a{
    color:eek:range;
    }
    .video_wrapper.front{
    background:none;
    }
    .content_wrapper{
    background:black;
    filter: alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    }
    .content_wrapper_shaddow{
    background:none;
    }
    .frontpage-content_shaddow{
    background:none;
    }
    .banner {
    padding-top: 20px;
    height:90px
    }
    .video_wrapper{
    background:none;
    }
    .page_container{
    background:black;

    }
    .top_wrapper{
    background:black;
    filter: alpha(opacity=90);
    -moz-opacity:.90;
    opacity:.90;
    }
    .videolist1{
    background:black;
    filter: alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85;
    }
    .video_post{
    background:black;
    filter: alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
    }
    .video_container{
    margin-top: 50px;
    }
    ______________________________________end of custom css____________________________________
     
  9. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
  10. peterpohls

    peterpohls Member

    Joined:
    Feb 5, 2012
    Messages:
    84
    Likes Received:
    1
    http://dallasblvd.com/dlife/ - is ok
    http://dallasblvd.com/dlife/video_cat/season-1/ - is ok
    http://dallasblvd.com/dlife/video_listing/episode-2-how-lane-became-a-player/ - is NOT OK - here is the problem with transparency!

    has transparency in all black background. but only the single video page in the container below main video container i cannot make it transparent.. when i use this code
    .page_container single{
    background:black;
    filter: alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75;
    }
    does not work?? how can i match that page with the other ones?
     
    amaconline likes this.
  11. amaconline

    amaconline Member

    Joined:
    Feb 17, 2013
    Messages:
    217
    Likes Received:
    6
    Hey Peter. Do share the solution if you have managed to fix it. I am interested to know as well. Thank you
     

Share This Page