Jump to content


Photo
- - - - -

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

background div row container

  • Please log in to reply
4 replies to this topic

#1 clementsinz

clementsinz

    Member

  • Members
  • 13 posts
  • LocationFrance
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 01 May 2013 - 02:20 PM

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="

Please Login or Register to see this Hidden Content

" /></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 [/i][/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.

Attached Files



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 01 May 2013 - 03:15 PM

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:

Please Login or Register to see this Hidden Content

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:

Please Login or Register to see this Hidden Content



#3 clementsinz

clementsinz

    Member

  • Members
  • 13 posts
  • LocationFrance
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 01 May 2013 - 03:17 PM

thanks a lot!



#4 clementsinz

clementsinz

    Member

  • Members
  • 13 posts
  • LocationFrance
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 01 May 2013 - 03:35 PM

thanks a lot



#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 01 May 2013 - 06:52 PM

No problem. Do you need further assistance with this?