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