Cómo poner una imagen estática de fondo en WordPress

Alf Seguir

Dseda
Social Media
Desde
22 Feb 2012
Mensajes
1.234
Buenos días

Tengo el siguiente style.css en mi wordpress y quiero poner una imagen estática de fondo, he probado con plugins, pero la imagen se redimensiona dependiendo la resolución del navegador. Yo quiero que se quede estática.

El fondo que quiero poner es este: http://www.advientocreativo.com/wp-content/uploads/2013/11/fondo-1024x489.png

Y aqui está el codigo:

PHP:
/* Global */
* { margin: 0; padding: 0; }
body { font-size: 12px; font-family: verdana, arial, georgia; color: #333333; }
#main_container { width: 1015px; margin: 0 auto; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
a { color: #666; text-decoration: none; }
a:hover { color:#333; }

/* Header */
#header { padding: 10px 0 30px; }
#menu_container { padding-bottom: 25px; }
#menu_container ul { list-style-type: none; margin-right: 25px; float: left; }
#menu_container ul li { float: left; }
#menu_container ul li a { color: #fff; text-decoration: none; background-color: #000; padding: 6px 5px; margin-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: block; }
#menu_container ul li a:hover { background-color: #74ad70; }
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a { background-color: ##74ad70; }
#menu_container input[type=text] { width: 172px; height: 25px; background-color: #000; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; float: right; border: none; padding: 0 5px; }

.header_social_icons_cont { float: right; margin-right: 5px; }
.header_social_icons_cont img { float: left; margin-right: 7px; }

/* Content */
.home_post_cont { float: left; margin-right: 34px; width: 228px; min-height: 331px; margin-bottom: 35px; position: relative; }
.home_post_cont_last { margin-right: 0; }
.home_post_cont img { width: 228px; height: 331px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.home_post_cont h3 { font-size: 14px; }
.home_post_cont h3 a { color: #000; text-decoration: none; }
.home_post_cont h3 a:hover {  text-decoration: none; color: #666; }

.home_post_content { color: #A0A0A0; font-size: 12px; padding-right: 30px; font-weight: normal; height: 270px; }
.home_post_content .in_title { color: #fff; font-size: 14px; margin: 0; font-weight: bold; }
.home_post_content h4 a { color: #fff; font-size: 14px; margin: 0; }
/*.home_post_cat { position: absolute; bottom: -20px; left: 10px; color: #A0A0A0; font-size: 10px; font-weight: normal; padding-right: 40px; }*/
.home_post_cat { color: #A0A0A0; font-size: 10px; font-weight: normal; padding-right: 40px; }
.home_post_cat a { color: #A0A0A0 !important; text-decoration: none; }
.home_post_cat a:hover {  text-decoration: none; color: #666; }

.single_left { float: left; width: 665px; }
.single_left h1 { font-size: 13px; margin-top: 0; }

    .hover_caption {
      /* If you can count of CSS3 support: */
      background-color: /*rgba(0, 0, 0, 0.7)*/ #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
  
      /* Or use a transparent image if you need to support bad browsers: */
      /*background-image: url(http://www.advientocreativo.com/wp-content/uploads/2013/11/fondo-1024x489.png);*/
  
      /* NOTE: If you're img elements have paddings or margins you'll need to
      match them here to get things lined up properly. */
    }
  
#commentform input[type=submit] { background-color: #000; border: none; color: #fff; padding: 8px 10px; }
#commentform a { color: #000; }

.commentlist a { color: #000; }    
.iphone-home-image { width: 300px !important; }

/* Sidebar */
#sidebar { float: right; width: 270px; }
.side_box { margin-bottom: 25px; }
.side_box h3 { padding: 5px 5px; background-color: #000; margin-top: 0; color: #fff; }
.side_box p { padding: 0px 5px; }
.side_box ul { list-style-type: none; margin-left: 5px; }
.side_box ul li { margin-bottom: 3px; }
.textwidget { padding: 5px; }

/* Footer */
#footer { margin: 25px 0; padding: 12px 0; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; color: #fff; text-align: center; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underlined; }


#infscr-loading { text-align: center; }


 [MENTION=16931]medi[/MENTION]a screen and (max-width: 480px) {

#main_container { width: 320px; }
#menu_container { display: none; }
.home_post_cont { margin-right: auto; margin-left: auto; float: none; clear: both; }
#footer { display: none; }
#commentform textarea { width: 220px; }
#sidebar { display: none; }
.single_left { float: none; width: 228px; margin-left: auto; margin-right: auto; }
.single_left img { width: 228px; height:inherit; }

}


A ver si alguien puede echarme una mano :(
 

Adrian Cavero

Zeta
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
30 Jun 2012
Mensajes
1.579
Edad
28
Hola en el panel de wordpress, hay una opción fondo añade tu fondo y marca las opciones que quieras saludos
 

aadrover

Gamma
Redactor
Verificado por Whatsapp
Desde
30 Oct 2013
Mensajes
190
Como dice Windowshq lo más fácil es modificarlo directamente en Wordpress:
cambio_fondo.JPG
 

Alf

Dseda
Social Media
Desde
22 Feb 2012
Mensajes
1.234
Ya esta solucionado, podeis cerrar.

Y como dice el compañero, no a todos les aparece esa opción :encouragement:
 
Arriba