Archived

This topic is now archived and is closed to further replies.

  • 0

add a background color to a div (in the post loop section)


Question

Posted · Report post

Hi, 

 

still a newcomer to Pagelines I am trying to customise my homepage by adding different color backgrounds on different parts of the page.

 

Here's the 'code' I tried:

 

 

<div class="row"><img alt="img_masthead" src="http://localhost:8888/site-MNK/wp-content/uploads/2013/04/img_Masthead.jpg" /></div>
<div class="row">
<div style="background-color: #f7f7f7;">background</div>
<div class="span2">[pl_tooltip tip="Pourquoi un site internet?" position="right"][i fontsize="112px"]icon-question-sign [/pl_tooltip]</div>
<div class="span3 offset1"> icon-money icon-2x pull-left icon-border Votre site Internet n'est pas une dépense, mais plutôt un investissement à court et moyen terme. Vous vous rendrez rapidement compte des bienfaits de votre site sur vos ventes et vos relations avec les clients.</div>
<div class="span3"> icon-time icon-2x pull-left icon-border Votre site Web restera en ligne 365 jours par année tandis qu'une publicité traditionnelle ne durera que quelques secondes ou au mieux quelques jours. Votre entreprise est toujours connectée et assure un lien direct avec le client.</div>
</div>
<div class="row">
<div class="span3 offset3"> icon-credit-card icon-2x pull-left icon-border De plus en plus de consommateurs achètent sur Internet. Ces nouveaux clients auront accès facilement à vos coordonnées, vos produits, votre offre de services... Ils vous trouveront via les moteurs de recherche et de nouveaux marchés s'offiront maintenant à vous.</div>
<div class="span3">icon-hand-up icon-2x pull-left icon-border Un site Internet unique vous démarquera de vos compétiteurs, montrera pourquoi le client devrait faire affaire avec vous et pourquoi votre entreprise est la meilleure. Le site Internet vous fera connaitre et augmentera la crédibilité de votre entreprise.</div>
</div>

 

 

I can't figure out how to place the color background in the 'full width row containing the red code'.

 

I also have a problem with the code in blue as I can't seem to align it with the "code in red"....

 

Sorry for the bad explanations.

 

Thanks in advance for your answers.

post-49584-0-46824300-1367417071_thumb.p

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

You have added a specific DIV class just for a background color, but it's not specifically for the content in red because it's its own class:

<div style="background-color: #f7f7f7;">background</div>

To add the background color to the entire row, you need to add the style to the row itself like this and remove the code above:

<div class="row" style="background-color: #f7f7f7;">

Share this post


Link to post
Share on other sites

Posted · Report post

thanks a lot!

Share this post


Link to post
Share on other sites

Posted · Report post

thanks a lot

Share this post


Link to post
Share on other sites

Posted · Report post

No problem. Do you need further assistance with this?

Share this post


Link to post
Share on other sites