• У меня такая проблема, стоит шаблон Virtue 2.2.5, в нем есть настройка фонового изображения но проблема в том что у мне нужно чтобы фон растягивался автоматом на всю ширину и высоту страницы, а в настройках от шаблона такого нет, есть только значения «repeat»,»no-repeat»,»repeat-y», «repeat-x». Если поставить без повторения получается картинка стоит в центре а края голые! Как сделать так чтобы мое фоновое изображение само растягивалось на всю-всю страницу? Пробовал заходить в «Внешний вид-Редактор-Таблица стилей» и там попытаться что-то сделать. Но увы там абсолютно ничего нет кроме комментария по шаблону. Поэтому что-то изменить не получилось. Помогите пожалуйста!

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Virtu тема достаточно сложная и соответственно структура файлов тоже. Там есть файл css с остальными настройками и может не один. Если порыться в каталогах темы, то найдёте. Или лучше через редактор wp, он отображает все файлы темы, там и найдёте, что нужно. А не растягивается возможно из-за того, что фон установлен для контейнера(обычно его обзывают wrap)-обёртки, в котором всё содержимое сайта. Этот контейнер имеет фиксированную ширину. В этом случае надо будет поставить этот фон для тега <body> и тогда все эти «repeat»,»no-repeat»,»repeat-y», «repeat-x» сработают.

    Он растягивается на всю страницу сайта, но с повтором, когда например поставлю «repeat-x» он просто повторяет эту картинку до самого подвала, а мне нужно без такого повтора, чтобы одна картинка растягивалась на весь экран монитора, телефона и так далее, не на всю страницу сайта, а лучше страницу монитора+сделать чтобы она была не закреплена а ездила за мышкой так сказать(скроллинг или что-то подобное). Вот что я хочу сделать. А то получается фон состоит из нескольких квадратов одного и того же изображения.
    P.S с WP работаю впервые. И очень много не знаю =)

    Нашел где это можно изменить) Но тут такой большой код что я не представляю что делать! Где здесь что изменить чтобы можно было сделать как мне нужно?)

    //Advanced Styling
    
    if(!empty($virtue['content_bg_color'])) {
    $content_bg_color = $virtue['content_bg_color'];
    } else {
      $content_bg_color = '';
    }
    if(!empty($virtue['bg_content_bg_img']['url'])) {
      $content_bg_img = 'url('.$virtue['bg_content_bg_img']['url'].')';
    } else {
      $content_bg_img = '';
    }
    if(!empty($virtue['content_bg_repeat'])) {
    $content_bg_repeat = $virtue['content_bg_repeat'];
    } else {
      $content_bg_repeat = '';
    }
    if(!empty($virtue['content_bg_placementx'])) {
      $content_bg_x = $virtue['content_bg_placementx'];
    } else {
      $content_bg_x = '';
    }
    if (!empty($virtue['content_bg_placementy'])) {
    $content_bg_y = $virtue['content_bg_placementy'];
    } else {
      $content_bg_y = '';
    }
    if(!empty($virtue['content_bg_color']) || !empty($virtue['bg_content_bg_img']['url'])) {
        $contentclass = '.contentclass, .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {background:'.$content_bg_color.' '.$content_bg_img.' '.$content_bg_repeat.' '.$content_bg_x.' '.$content_bg_y.';}';
      } else {
        $contentclass = '';
      }
    if(!empty($virtue['header_bg_color'])) {
      $header_bg_color = $virtue['header_bg_color'];
      } else {
        $header_bg_color = '';
      }
      if(!empty($virtue['bg_header_bg_img']['url'])) {
        $header_bg_img = 'url('.$virtue['bg_header_bg_img']['url'].')';
      } else {
        $header_bg_img = '';
      }
      if(!empty($virtue['header_bg_repeat'])) {
      $header_bg_repeat = $virtue['header_bg_repeat'];
      } else {
        $header_bg_repeat = '';
      }
      if(!empty($virtue['header_bg_placementx'])) {
      $header_bg_x = $virtue['header_bg_placementx'];
      } else {
        $header_bg_x = '';
      }
      if(!empty($virtue['header_bg_placementy'])) {
      $header_bg_y = $virtue['header_bg_placementy'];
      } else {
        $header_bg_y = '';
      }
      if(!empty($virtue['header_bg_color']) || !empty($virtue['bg_header_bg_img']['url'])) {
        $headerclass = '.headerclass {background:'.$header_bg_color.' '.$header_bg_img.' '.$header_bg_repeat.' '.$header_bg_x.' '.$header_bg_y.';}';
      } else {
        $headerclass = '';
      }
    if(!empty($virtue['topbar_bg_color'])) {
    $topbar_bg_color = $virtue['topbar_bg_color'];
    } else {
      $topbar_bg_color = '';
    }
    if(!empty($virtue['bg_topbar_bg_img']['url'])) {
      $topbar_bg_img = 'url('.$virtue['bg_topbar_bg_img']['url'].')';
    } else {
      $topbar_bg_img = '';
    }
    if(!empty($virtue['topbar_bg_repeat'])) {
    $topbar_bg_repeat = $virtue['topbar_bg_repeat'];
    } else {
      $topbar_bg_repeat = '';
    }
    if(!empty($virtue['topbar_bg_placementx'])) {
    $topbar_bg_x = $virtue['topbar_bg_placementx'];
    } else {
      $topbar_bg_x = '';
    }
    if(!empty($virtue['topbar_bg_placementy'])) {
    $topbar_bg_y = $virtue['topbar_bg_placementy'];
    } else {
      $topbar_bg_y = '';
    }
    if(!empty($virtue['topbar_bg_color']) || !empty($virtue['bg_topbar_bg_img']['url'])) {
        $topbarclass = '.topclass {background:'.$topbar_bg_color.' '.$topbar_bg_img.' '.$topbar_bg_repeat.' '.$topbar_bg_x.' '.$topbar_bg_y.';}';
      } else {
        $topbarclass = '';
      }
    if(!empty($virtue['menu_bg_color'])) {
    $menu_bg_color = $virtue['menu_bg_color'];
    } else {
      $menu_bg_color = '';
    }
    if(!empty($virtue['menu_bg_img']['url'])) {
     $menu_bg_img = 'url('.$virtue['menu_bg_img']['url'].')';
    } else {
      $menu_bg_img = '';
    }
    if(!empty($virtue['menu_bg_repeat'])) {
    $menu_bg_repeat = $virtue['menu_bg_repeat'];
    } else {
      $menu_bg_repeat = '';
    }
    if(!empty($virtue['menu_bg_placementx'])) {
    $menu_bg_x = $virtue['menu_bg_placementx'];
    } else {
      $menu_bg_x = '';
    }
    if(!empty($virtue['menu_bg_placementy'])) {
    $menu_bg_y = $virtue['menu_bg_placementy'];
    } else {
      $menu_bg_y = '';
    }
    if(!empty($virtue['menu_bg_color']) || !empty($virtue['bg_menu_bg_img']['url'])) {
        $menuclass = '.navclass {background:'.$menu_bg_color.' '.$menu_bg_img.' '.$menu_bg_repeat.' '.$menu_bg_x.' '.$menu_bg_y.';}';
      } else {
        $menuclass = '';
      }
    
    if(!empty($virtue['mobile_bg_color'])) {
    $mobile_bg_color = $virtue['mobile_bg_color'];
    } else {
      $mobile_bg_color = '';
    }
    if(!empty($virtue['bg_mobile_bg_img']['url'])) {
      $mobile_bg_img = 'url('.$virtue['bg_mobile_bg_img']['url'].')';
    } else {
      $mobile_bg_img = '';
    }
    if(!empty($virtue['mobile_bg_repeat'])) {
    $mobile_bg_repeat = $virtue['mobile_bg_repeat'];
    } else {
      $mobile_bg_repeat = '';
    }
    if(!empty($virtue['mobile_bg_placementx'])) {
    $mobile_bg_x = $virtue['mobile_bg_placementx'];
    } else {
      $mobile_bg_x = '';
    }
    if(!empty($virtue['mobile_bg_placementy'])) {
    $mobile_bg_y = $virtue['mobile_bg_placementy'];
    } else {
      $mobile_bg_y = '';
    }
    if(!empty($virtue['mobile_bg_color']) || !empty($virtue['bg_mobile_bg_img']['url'])) {
        $mobileclass = '.mobileclass {background:'.$mobile_bg_color.' '.$mobile_bg_img.' '.$mobile_bg_repeat.' '.$mobile_bg_x.' '.$mobile_bg_y.';}';
      } else {
        $mobileclass = '';
      }
    
    if(!empty($virtue['footer_bg_color'])) {
    $footer_bg_color = $virtue['footer_bg_color'];
    } else {
      $footer_bg_color = '';
    }
    if(!empty($virtue['bg_footer_bg_img']['url'])) {
     $footer_bg_img = 'url('.$virtue['bg_footer_bg_img']['url'].')';
    } else {
      $footer_bg_img = '';
    }
    if(!empty($virtue['footer_bg_repeat'])) {
    $footer_bg_repeat = $virtue['footer_bg_repeat'];
    } else {
      $footer_bg_repeat = '';
    }
    if(!empty($virtue['footer_bg_placementx'])) {
    $footer_bg_x = $virtue['footer_bg_placementx'];
    } else {
      $footer_bg_x = '';
    }
    if(!empty($virtue['footer_bg_placementy'])) {
    $footer_bg_y = $virtue['footer_bg_placementy'];
    } else {
      $footer_bg_y = '';
    }
    if(!empty($virtue['footer_bg_color']) || !empty($virtue['bg_footer_bg_img']['url'])) {
        $footerclass = '.footerclass {background:'.$footer_bg_color.' '.$footer_bg_img.' '.$footer_bg_repeat.' '.$footer_bg_x.' '.$footer_bg_y.';}';
      } else {
        $footerclass = '';
      }
    if(!empty($virtue['boxed_bg_color'])) {
    $boxedbg_color = $virtue['boxed_bg_color'];
    } else {
      $boxedbg_color = '';
    }
    if(!empty($virtue['bg_boxed_bg_img']['url'])) {
      $boxedbg_img = 'url('.$virtue['bg_boxed_bg_img']['url'].')';
    } else {
      $boxedbg_img = '';
    }
    if(!empty($virtue['boxed_bg_repeat'])) {
    $boxedbg_repeat = $virtue['boxed_bg_repeat'];
    } else {
      $boxedbg_repeat = '';
    }
    if(!empty($virtue['boxed_bg_placementx'])) {
    $boxedbg_x = $virtue['boxed_bg_placementx'];
    } else {
      $boxedbg_x = '';
    }
    if(!empty($virtue['boxed_bg_placementy'])) {
    $boxedbg_y = $virtue['boxed_bg_placementy'];
    } else {
      $boxedbg_y = '';
    }
    if(!empty($virtue['boxed_bg_fixed'])) {
    $boxedbg_fixed = $virtue['boxed_bg_fixed'];
    } else {
      $boxedbg_fixed = '';
    }
    if(!empty($virtue['boxed_bg_color']) || !empty($virtue['bg_boxed_bg_img']['url'])) {
        $boxedclass = 'body {background:'.$boxedbg_color.' '.$boxedbg_img.' '.$boxedbg_repeat.' '.$boxedbg_x.' '.$boxedbg_y.'; background-attachment:'.$boxedbg_fixed.';}';
      } else {
        $boxedclass = '';
      }
    
      if(isset($virtue['shop_title_uppercase']) and $virtue['shop_title_uppercase'] == 0) {
      $ptitle_uppercase = '.product_item .product_details h5 {text-transform: none;}';
    } else {
      $ptitle_uppercase = '';
    }
      if(!empty($virtue['x2_virtue_logo_upload']['url'])) {
      $x2logo = ' @media (max-width: 767px) {#logo .kad-standard-logo {display: none;} #logo .kad-retina-logo {display: block;}}';
    } else {
      $x2logo = '';
    }
      if(!empty($virtue['shop_title_min_height'])) {
      $ptitle_minheight = '.product_item .product_details h5 {min-height:'.$virtue['shop_title_min_height'].'px;}';
    } else {
      $ptitle_minheight = '';
    }
    if(isset($virtue['logo_layout']) and ($virtue['logo_layout'] == 'logocenter')) {
      $menu_layout_center = '@media (max-width: 979px) {.nav-trigger .nav-trigger-case {position: static; display: block; width: 100%;}}';
      } else {
      $menu_layout_center = '';
      } 
    
      if(isset($virtue['hide_author']) and ($virtue['hide_author'] == 0)) {
      $show_author = '.kad-hidepostauthortop, .postauthortop {display:none;}';
      } else {
      $show_author = '';
      }
        if(isset($virtue['topbar_layout']) and ($virtue['topbar_layout'] == 1)) {
      $topbar_layout = '.kad-topbar-left, .kad-topbar-left .topbarmenu {float:right;} .kad-topbar-left .topbar_social, .kad-topbar-left .topbarmenu ul, .kad-topbar-left .kad-cart-total,.kad-topbar-right #topbar-search .form-search{float:left}';
      } else {
      $topbar_layout = '';
      }
      if(isset($virtue['hide_image_border']) and ($virtue['hide_image_border'] == 1)) {
      $wp_image_border = '[class*="wp-image"] {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}[class*="wp-image"]:hover {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}';
      } else {
      $wp_image_border = '';
      } 
    
    if (!empty($virtue['custom_css'])) {
      $custom_css = $virtue['custom_css'];
    } else {
      $custom_css = '';
    }
    
    $kad_custom_css = '<style type="text/css">'.$logo_padding_top.$logo_padding_bottom.$logo_padding_left.$logo_padding_right.$menu_margin_top.$menu_margin_bottom.$font_family.$color_primary.$color_primary30.$color_grayfont
    .$color_footerfont.$contentclass.$topbarclass.$headerclass.$menuclass.$mobileclass.$footerclass.$boxedclass.$show_author.$ptitle_uppercase.$menu_layout_center.$x2logo.$ptitle_minheight.$topbar_layout.$wp_image_border.$custom_css.'</style>';
      echo $kad_custom_css;
    }
    function kad_custom_css_output() {
     echo get_option('kad_css_custom');
    }
    add_action('wp_head', 'kad_custom_css');
    ?>

    Вот возможнжо то, что нужно
    https://yadi.sk/d/vJSWAe7CcMj2P

Просмотр 4 ответов — с 1 по 4 (всего 4)

Тема «Не растягивается фоновое изображение на весь экран» закрыта для новых ответов.