WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: netash on April 09, 2012, 01:17:00 PM

Title: Bacground for beggining of each content bock section
Post by: netash 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

Title: Re: Bacground for beggining of each content bock section
Post by: nibz 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.