Public Forums 71,145 posts

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#195642

Hello I need use a brick background in purity III template. :((
anyone know how to do?

Thanks

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

#526133

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “Off” within your Template Manager–General settings.

It would also be helpful if you could provide a reference to the type of brick background you’re wanting.

1 user says Thank You to TomC for this useful post

1. diegop

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#526151

Hello Tom,

The url is: mvdesign.es

A lot of thanks

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

#526153

Okay … Now I just need to know which area of your site you want the background changed – as there are a couple different areas (i.e. top/header, middle/content/ bottom/footer) with their own background properties.

1 user says Thank You to TomC for this useful post

1. diegop

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#526165

I think perhaps the background (middle/content)

Thanks thanks thanks!!!!

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

#526170

<em>@diegop 415665 wrote:</em><blockquote>Hello Tom,

The url is: mvdesign.es

A lot of thanks</blockquote>

I still need you to temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

1 user says Thank You to TomC for this useful post

1. diegop

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#526212

Hi Diego,

When you turn off Optimize Css option in template manager like Tom suggested, you can use Firebug in Firefox or Inspect Element in Chrome to know which class / css file you need to change. See this screenshot for sample: http://prntscr.com/2zsjz9

Once you know which class you should change, you open file: /templates/purity_iii/css/custom.css file and add your own custom there.

You can follow this reference for more info about CSS background: http://www.w3schools.com/css/css_background.asp

Best

1 user says Thank You to Saguaros for this useful post

1. diegop

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#526258

Hi Tom and Saguaros, thank you very much. I´ll try it.

I copy this in file 2556, (footer)

body {background-image:http://mvdesign.es/images/cover/group/2/7d4a0e66ceef711e0b9fbb8be6f3e55d.jpg;}

But not work…..

When I see that de main body it´s in the bootstrap.css I think that is here where i must insert this line, or not??

Sorry!! and thanks!!!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#526387

You should add rule for background into the /templates/purity_iii/css/custom.css file as follows:


body {
background-image: url("../../../images/arrow-next.png");
}


and change with your own image.

1 user says Thank You to Saguaros for this useful post

1. diegop

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#529213

Thanks Saguaros, but i made what yo say me and not works! :((:((
I am trying to set a concrete texture inthe main backgound. Then i want de navbar and the footer in black and the body in concrete texture.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#529289

Hi Diego,

As Tom mentioned above, some areas on your site have their own background properties. So please post your site’s URL here, set Optimize CSS option in template manager to No, I will have a look then.

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#529481

Hello Saguaros,

The url is http://www.mvdesign.es

Thanks

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

#529559

<em>@diegop 419873 wrote:</em><blockquote>Hello Saguaros,

The url is http://www.mvdesign.es

Thanks</blockquote>

As requested previously – we still need you to temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

1 user says Thank You to TomC for this useful post

1. diegop

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#529576

Ok thanks, now it´s optimize css in off

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

#529578

Here is where you can modify the background property for the middle/content area . . .

Within file path –> /templates/purity_iii/css/themes/negro/off-canvas.css
at line 53, you will see the following:


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

Modify the “background” property for your chosen image – for example . . .


.t3-wrapper {
background-image: url("../../../images/your_image.png") none repeat scroll
left: 0;
overflow: visible;
position: relative;
z-index: 99;
}

Of course, you will need to identify the correct path for YOUR chosen background image.

HELPFUL HINT:
You should also put your modified CSS rule within your custom.css file – and always keep a current back-up – so that it will not be ovewritten when/if you ever try to update your template files.

1 user says Thank You to TomC for this useful post

1. diegop

[Author]

Posts