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!