Joomla Templates Club 406,261 posts

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#705985

Please, how can I add backround in center-top position on this template?

(image: http://www.automagazin.ba/images/stories/15/jun/cesta150-cb.jpg)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#706094

Can you be a bit more specific as to the exact location of/for where you want to add the background image?

Perhaps a screenshot mock up pointing out the area?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#752311

Can you be a bit more specific as to the exact location of/for where you want to add the background image?

Perhaps a screenshot mock up pointing out the area?

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#706164

Nothing special. Background image, position top-center and fixet during scroling. I just want kill white backround mate. Nothing special.

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#752378

Nothing special. Background image, position top-center and fixet during scroling. I just want kill white backround mate. Nothing special.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#706316

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/ja_magz_ii/css/

Within that custom.css file, paste the following CSS rule:


.t3-header {
background: #ffffff none repeat scroll 0 0;
}

Modify the “background” property witht he file path of the image you wnat to use as your background. Here are a few additional resources for understanding how to utilize background images in CSS:

https://css-tricks.com/almanac/properties/b/background-image/

http://www.sitepoint.com/web-foundations/background-image-css-property/

2 users say Thank You to TomC for this useful post

1. nedzad grebovic
2. bionet

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#752422

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/ja_magz_ii/css/

Within that custom.css file, paste the following CSS rule:


.t3-header {
background: #ffffff none repeat scroll 0 0;
}

Modify the “background” property with the file path of the image you wnat to use as your background. Here are a few additional resources for understanding how to utilize background images in CSS:

https://css-tricks.com/almanac/properties/b/background-image/

http://www.sitepoint.com/web-foundations/background-image-css-property/

2 users say Thank You to TomC for this useful post

1. nedzad grebovic
2. bionet

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#719115

Code you sent works only for strip at very top:

None of modules for backrounds works at this template!!!

Quite interesting 🙂

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#752922

Code you sent works only for strip at very top:

None of modules for backrounds works at this template!!!

Quite interesting 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#719216

<em>@nedzad72 499512 wrote:</em><blockquote>Code you sent works only for strip at very top:[/quote]

I thought you had said that this is what you wanted. :-[

1 user says Thank You to TomC for this useful post

1. nedzad grebovic

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#752949

<em>@nedzad72 499512 wrote:</em><blockquote>Code you sent works only for strip at very top:[/quote]

I thought you had said that this is what you wanted. :-[

1 user says Thank You to TomC for this useful post

1. nedzad grebovic

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#719319

I would like background on whole page mate 🙂

Fixed, unmoveble, nice image to fullfill whitness 🙂

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#753006

I would like background on whole page mate 🙂

Fixed, unmoveble, nice image to fullfill whitness 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#719757

Try This . . . . .

Within file path —> /templates/ja_magz_ii/css/off-canvas.css
at line 13, modify the “background” property with the image you want for your background.


.t3-wrapper {
background: #ffffff none repeat scroll 0 0;
left: 0;
overflow: visible;
position: relative;
transition: transform 0.5s ease 0s;
z-index: 99;
}

Modify the “background” property with the file path of the image you wnat to use as your background.
Here are a few additional resources for understanding how to utilize background images in CSS:

https://css-tricks.com/almanac/properties/b/background-image/

http://www.sitepoint.com/web-foundations/background-image-css-property/

1 user says Thank You to TomC for this useful post

1. nedzad grebovic

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#753071

Try This . . . . .

Within file path —> /templates/ja_magz_ii/css/off-canvas.css
at line 13, modify the “background” property with the image you want for your background.


.t3-wrapper {
background: #ffffff none repeat scroll 0 0;
left: 0;
overflow: visible;
position: relative;
transition: transform 0.5s ease 0s;
z-index: 99;
}

Modify the “background” property with the file path of the image you wnat to use as your background.
Here are a few additional resources for understanding how to utilize background images in CSS:

https://css-tricks.com/almanac/properties/b/background-image/

http://www.sitepoint.com/web-foundations/background-image-css-property/

1 user says Thank You to TomC for this useful post

1. nedzad grebovic

[Author]

Posts