Joomla Templates Club 406,261 posts

[lincoln1 Friend lincoln1Join date: February 2015Posts: 66Downloads:11Uploads:8 Thanks: 25]

#205087

I would like to insert a bacgkground image for my magazine layout. How do I achieve this.

I would like to remove the background image from my events layout.

Thanks in advance.

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

#565047

My solution below will help you to do that

+ Create templates/ja_teline_v/css/custom.css file

+ Remove background image in events layout by add new css style


.layout-events body {
background: none;
}


+ Add new background image into magazine layout by add new css style


.t3-wrapper {
background: transparent;
}
.layout-events body {
background: url(../images/ev-bg.jpg) no-repeat fixed center top #0077bb ;
background-size: 100%;
}


[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#565095

<em>@Ninja Lead 466097 wrote:</em><blockquote>My solution below will help you to do that

+ Create templates/ja_teline_v/css/custom.css file

+ Remove background image in events layout by add new css style


.layout-events body {
background: none;
}


+ Add new background image into magazine layout by add new css style


.t3-wrapper {
background: transparent;
}
.layout-events body {
background: url(../images/ev-bg.jpg) no-repeat fixed center top #0077bb ;
background-size: 100%;
}

</blockquote>

There’s a few errors with the solution above, including:

1) The code to add the new background image into magazine should be ” .layout-magazine body { ” and not ” .layout-events body { ”

2) Once the background image is posted, the white background in the content block becomes transparent and impossible to read content. Is there a way to prevent this?

3) How does one make the logo layout similar to the events-page (meaning, centered)?

[ssinha Friend ssinhaJoin date: July 2014Posts: 183Downloads:57Uploads:11 Thanks: 68 Thanked: 12 times in 1 posts]

#565118

@sobe – I am also trying to resolve #2 in your list. I posted a similar message yesterday but so far no reply.

As for your #3, instead of changing the magazine layout, I am just applying Event template in the menu. That gives me the logo centered as in the demo.

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

#565170

@sobe: I agree with you .layout-magazine on magazine layout.

.t3-wrapper {
background: transparent;
}
.layout-magazine body {
background: url(../images/ev-bg.jpg) no-repeat fixed center top #0077bb ;
background-size: 100%;
}

You know, magazine and events layouts use different css style and it’s not easy to work as well when you change the background layout between both layouts, you will spend a lot of time to change the css style on your site.

[Author]

Posts