Joomla Templates Club 406,261 posts

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#676111

I am using ja sugite template http://www.webcentri.com

I am using this code — .layout-ja_sugiteportfolio .t3-wrapper{background: rgba(243, 230, 197, 0.8) url(“../images/net1.png”)!important;}—
to set up background image for gallery (see gallery attachments)

I want to set up background image for all menu items also( see an attachment)
how can I do it?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#680383

You can find my answer with your question below

+ About the gallery image it works fine with width: 1200px, if you want to make full width and item images show not well, below is solution to make full width under gallery

Open templates/ja_sugite/css/custom.css file and add new rule

@media (min-width: 1200px) {
div#t3-mainbody {
width: 100%;
}
}


+ Full width with each menu items, you have to add css style below into custom.css file

@media (min-width: 1200px) {
.t3-header .container {
width: 100%;
}
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#746869

You can find my answer with your question below

+ About the gallery image it works fine with width: 1200px, if you want to make full width and item images show not well, below is solution to make full width under gallery

Open templates/ja_sugite/css/custom.css file and add new rule

@media (min-width: 1200px) {
div#t3-mainbody {
width: 100%;
}
}


+ Full width with each menu items, you have to add css style below into custom.css file

@media (min-width: 1200px) {
.t3-header .container {
width: 100%;
}
}


[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#680544

I want not to enlarge the content on the page, I just want to use net1.png as a background image( see an attachment) for all menu pages as in gallery page is already done whit this code
— .layout-ja_sugiteportfolio .t3-wrapper{background: rgba(243, 230, 197, 0.8) url(“../images/net1.png”)!important;}

What code I must use to set up net1.png image as backgound for all menu items?

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#746919

I want not to enlarge the content on the page, I just want to use net1.png as a background image( see an attachment) for all menu pages as in gallery page is already done whit this code
— .layout-ja_sugiteportfolio .t3-wrapper{background: rgba(243, 230, 197, 0.8) url(“../images/net1.png”)!important;}

What code I must use to set up net1.png image as backgound for all menu items?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#680797

The css style below will help you to make the background image

Open templates/ja_sugite/css/custom.css file and add script

.t3-wrapper {
background: rgba(243,230,197,0.8) url("/templates/ja_sugite/images/net1.png")!important;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#747026

The css style below will help you to make the background image

Open templates/ja_sugite/css/custom.css file and add script

.t3-wrapper {
background: rgba(243,230,197,0.8) url("/templates/ja_sugite/images/net1.png")!important;
}

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#680974

thank you very much, it works!

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#747116

thank you very much, it works!

[Author]

Posts