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.8 is now available!


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 4190 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