Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #740375

    Hi,

    I am making following website : http://www.studiolynnpieraets.be and have been able to change the background-color on page two (“projects”) to white by using following css-code:

    .page-id-38 #main .main_color, .page-id-38 #main .main_color .container {
       background: white;}

    however, I do not seem to get the border-line in white (I suspect it is a border-line ? right under the navigation-bar).
    how do I solve this one ?

    thanks for helping me out,
    Fabienne

    #741259

    Hey Fabienne,

    I’m not sure on what site you want this done, you posted links to four different sites?

    Best regards,
    Rikard

    #741341

    on this one : ” am making following website : http://www.studiolynnpieraets.be”

    no no, so above site has 4 pages. Pages 1, 3, 4 have a green background color.
    Page 2 (which is called ‘projects’) must have a complete white background on the page.
    so, I used:
    .page-id-38 #main .main_color, .page-id-38 #main .main_color .container {
    background: white;}

    but under the header/navigation you will still see a small line in olive green.
    Can you see it ? I want it to dissappear…
    But I can not figure out if this is a border-line or another element ?

    #741344

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_main {
        border: none;
    }
    

    Best regards,
    Yigit

    #741352

    hello Yigit, it works, thank you

    but why does the bottom part stay olive green ? I tried using footer, widget etc. and change the background color, it does not work.

    if I try html then the whole site has background white. I only want page 2 = background white….

    #741366

    Hi!

    Please add following code to Quick CSS as well

    html { 
        background-color: white;
    }

    Regards,
    Yigit

    #741423

    no, doesn’t work : also : I already tried html and it gives ALL webpages white background, I only want SECOND page = white background ;

    https://www.dropbox.com/s/lzxcekrcmy4s7q3/Schermafdruk%202017-02-01%2019.01.40.png?dl=0
    https://www.dropbox.com/s/rhtcn4gf41ca98t/Schermafdruk%202017-02-01%2019.03.26.png?dl=0

    thanks, Fab.

    #741424

    i also tried
    html.page-id-38 {
    background-color: white;
    }

    but that does not work either….

    #741470

    Hi!

    Please try

    html* .page-id-38 {
    background-color: #fff !important;
    background: #fff !important;
    }

    Let us know if that is working out for you.

    Thanks a lot

    Best regards,
    Basilis

    #741487

    no…. unfortunately not…
    this is the site http://www.studiolynnpieraets.be

    and this is the css-code that I have already implemented, maybe there is something wrong in here ?:

    .container .main-title entry-title .breadcrumb-title{display:none;}

    .container {background-color:#cac8bc;
    font-family:DINBek-Regular, Helvetica, sans-serif;}

    .container_wrap .footer_color {padding:0px;}

    .alternate_color .breadcrumb, .alternate_color .breadcrumb a, #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {
    color: #cac8bc;}

    #top .av-menu-button > a .avia-menu-text {
    border:0px solid #ffffff;
    border-radius:0px;}

    #top .av-menu-button > a:hover .avia-menu-text {
    border-bottom:1px solid #ffffff;}

    p {margin: 0.85em 0;
    margin-left:150px;
    margin-bottom:10px;}

    element.style {
    font-size: 13px;}

    .avia_textblock {
    clear: both;
    line-height: 1em;
    letter-spacing:1px;
    margin-left:0px;}

    .av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay {
    border-radius: 0;
    border: none;
    margin-bottom:50px;
    margin-right:50px;}

    img, a img {
    border:none;
    padding: 0;
    margin:0;
    display:inline-block;
    max-width:50%;
    height:50%;
    image-rendering: optimizeQuality;}

    html, #scroll-top-link {
    background-color: #cac8bc;}

    #top h4 a:hover{color:#808080;}
    element.style a:hover{color:#808080;}

    a:hover, a:focus, a:visited {
    outline: 0;
    text-decoration: none;
    color:#808080;}

    .home .av-main-nav-wrap {
    float: left;
    position: relative;
    display:none;}

    .main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover {color: #ffffff;}

    html{font-family:DINBek-Regular,helvetica,sans-serif;}
    body{font-family:DINBek-Regular,helvetica,sans-serif;}

    .av-main-nav>li>a, h1 {
    font-family: DINBek-Regular!important;}

    a:hover, a:focus, a:visited {
    outline: 0;
    text-decoration: none;}

    #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a:hover {
    font-weight: inherit;
    text-decoration: none;
    color: #808080;}

    .content .entry-content-wrapper {
    padding-right: 0px;}

    .container .av-content-small.units {
    width: 100%;}

    .av-seperator-icon{display:none;}

    .page-id-38 #main .main_color, .page-id-38 #main .main_color .container {
    background: white;}

    .page-id-38 .header_bg, .page-id-38 .container {
    background: white;}

    .page-id-38 #main .main_color{background-color:white;}

    .page-id-38 .logo {display: none;}

    .header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type=’submit’], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {
    background-color: #cac8bc;
    color: #ffffff;
    border-color: white;
    letter-spacing:1px;
    font-family:DINBek-Regular, helvetica, sans-serif;}

    html* .page-id-38 {
    background-color: #fff !important;
    background: #fff !important;}

    thanks,
    Fab.

    #743590

    Hi,

    we can’t check your code, as it would be too time consuming. Please check it by yourself. Use one code after the other, until you find one which is causing any issues or until you find one which is not working properly.

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.