WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Bacground for beggining of each content bock section
  • Print
Pages: [1]   Go Down

Author Topic: Bacground for beggining of each content bock section  (Read 3743 times)

Offline netash

  • Posts: 14
Bacground for beggining of each content bock section
« on: April 09, 2012, 01:17:00 PM »
When having a few content sections inside one content block.
For example in "page_content(1)" I added a few sections, each contain different content.
In order to give the first line of each section a background I wrote in the CSS:
Code: [Select]
.title {
    background-repeat: repeat-x;
    background-image: url(images/title_bg.gif);
    padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 12px;
vertical-align: middle;
}

The problem is that the background shoes only in the first section.

How can I give the first line in each section this background?

Thanks
Logged

Offline nibz

  • Posts: 684
  • Gender: Male
Re: Bacground for beggining of each content bock section
« Reply #1 on: April 10, 2012, 01:26:25 PM »
Turn the WYSIWYG editor to code

and than use:
Code: [Select]
<div class="title">Content goes here</div>
Or if you are using headings for the markup you can also style the H1 to H6

e.g.
Code: [Select]
h1 {
background-repeat: repeat-x;
    background-image: url(images/title_bg.gif);
    padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
font-size: 12px;
vertical-align: middle;
}

and then al h1 will be styled with that background.
« Last Edit: April 10, 2012, 01:28:51 PM by nibz »
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • Bacground for beggining of each content bock section
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2