Recent
Categories
View Replies (4)

How to change background in Brooklyn template,CSS?

0
Votes
Undo
  1. vsusa
    vsusa
  3. Commercial Templates
  4. Thursday, 12 June 2014
  5.  Subscribe via email
Hi,

I use a Brooklyn template and I have one question regarding background so I kindly ask you to help me with my issue.

How can I change a background image just in featured article on a home page without messing backgrounds (different pattern) in the other articles with CSS?

I would like to have whole featured article on a home page covered in full with background (without margin and padding) and I manage to do that with change in css (template.css) but for all articles and I can't differentiate just featured article on the home page.

Pls. see attached image.

Thank you in advance,

Regards,

Vedran
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly you can set a background image to the article area of your templates by adding the following to the Custom CSS field of your templates parameters where '#' is the URL to your image...


#container_main .wrapper960 {

    background-image: url("#");

}


Presuming you wish to only apply this image to a single page of your site, you will need to create a separate template style specifically for your article to which you will add the above CSS. For details on creating multiple template styles please check out the following tutorial... http://www.joomla51.com/tutorials/item/creating-multiple-template-styles

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
vsusa
vsusa
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

Thank you for your support and I appreciate your help.
I have followed your advice and I finally have got what I want. :)

Kind regards,

Vedran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
piotrwaz
piotrwaz
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
I have got what I want too, but I need now more :)
I try to apply an image on the left and right side of article text, in the free area of the screen. Is it possible?
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Using the above method try also adding the following to the Custom CSS field to set the outside background...


#container_main {

    background-image: url("#");

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok