Joomla Templates Club 406,261 posts

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#705065

Hello.

I have tried for several hours now to customized my test page, from the css files which are online – not the one in filezilla but the ones “online”

But the page is simply not responding, it will not update any changes at all. There is more than one “template.css” file and I have tried every one – with no result, when I debug the page the changes are there, just not visible.

Furthermore I can’t locate the HTML files to change sizes and forms of boxes.

I need help as I am on a deadline.

Regards
Anne

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#705124

Hi Anne

If you want to apply any css modification to the template default style i recommend to use/create a new file in this folder templatesja_social_iicss
name it custom.css and add all your changes inside it ,
in this way all your modifications will be not overrided from a future template update. also from your template manager you should set from General Tab the Development mode to Off

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#751675

Hi Anne

If you want to apply any css modification to the template default style i recommend to use/create a new file in this folder templatesja_social_iicss
name it custom.css and add all your changes inside it ,
in this way all your modifications will be not overrided from a future template update. also from your template manager you should set from General Tab the Development mode to Off

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#705803

I will do that! Thank you very much!

Now, what do I do, if I wish to insert a div in the background, behind the content?

Furthermore, can I style the boxes below the content? They do not fulfil my clients wish in design you see.

Regards Anne

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#752115

I will do that! Thank you very much!

Now, what do I do, if I wish to insert a div in the background, behind the content?

Furthermore, can I style the boxes below the content? They do not fulfil my clients wish in design you see.

Regards Anne

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#705912

Hi Anne

<blockquote>Now, what do I do, if I wish to insert a div in the background, behind the content?

Furthermore, can I style the boxes below the content? They do not fulfil my clients wish in design you see.</blockquote>

Would be better if you can post a screen shot so we can better understand what you mean exactly

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#752178

Hi Anne

<blockquote>Now, what do I do, if I wish to insert a div in the background, behind the content?

Furthermore, can I style the boxes below the content? They do not fulfil my clients wish in design you see.</blockquote>

Would be better if you can post a screen shot so we can better understand what you mean exactly

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#705998

Now, I know this is not a screenshot but I tried to create in Photoshop the result I wish to end with. As you can see, the flag is overlapping the header and the nav.bar.

I tried using the head-search module position, but the flag got stuck in the header and I could not bring it over the navbar and background.

Regards.

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#752252

Now, I know this is not a screenshot but I tried to create in Photoshop the result I wish to end with. As you can see, the flag is overlapping the header and the nav.bar.

I tried using the head-search module position, but the flag got stuck in the header and I could not bring it over the navbar and background.

Regards.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#706008

Hi

If you want to add a background image you can do it with css adding background url to an image at your custom.css file in this folder templatesja_social_iicss

now you have

.t3-mainbody {
background-image: none !important;

Change it to :

.t3-mainbody {
background: url("../../../images/mcotest.png);

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#752262

Hi

If you want to add a background image you can do it with css adding background url to an image at your custom.css file in this folder templatesja_social_iicss

now you have

.t3-mainbody {
background-image: none !important;

Change it to :

.t3-mainbody {
background: url("../../../images/mcotest.png);

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#706017

I tried that a couple of days ago and the image showed, however not above the menu and header? Any suggestions to how I “drag” it up there?

– Anne

[mainecoonklubben Friend mainecoonklubbenJoin date: September 2015Posts: 9Downloads:0Uploads:0]

#752271

I tried that a couple of days ago and the image showed, however not above the menu and header? Any suggestions to how I “drag” it up there?

– Anne

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#706067

I haven’t understood correctly then , i thought you only want it into content block

Then do in this way

add this to your custom.css

.t3-mainbody {
background:none!important;
}
.t3-header {
background:none!important;
}
body {
background: url("../../../images/mcotest.png");
background-repeat: no-repeat;
}

check result on my local version

You should verify other rules for .t3-mainbody and .t3-header in your custom.css since i looked at it before and noted other rules for them, they should have background set to none .

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#752284

I haven’t understood correctly then , i thought you only want it into content block

Then do in this way

add this to your custom.css

.t3-mainbody {
background:none!important;
}
.t3-header {
background:none!important;
}
body {
background: url("../../../images/mcotest.png");
background-repeat: no-repeat;
}

check result on my local version

You should verify other rules for .t3-mainbody and .t3-header in your custom.css since i looked at it before and noted other rules for them, they should have background set to none .

[Author]

Posts