Joomla Templates Club 406,261 posts

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

#665461

@seaneo: If you want to show banner image with 728×90 you can try to use this way

Open teline_v/templates/ja_teline_v/tpls/blocks/header.php file

+ Line 39

from

<div class="col-md-5 header-left">
to

<div class="col-md-3 header-left">

+ Line 65

from

<div class="col-md-7 header-right">
to

<div class="col-md-9 header-right">

+ Open templates/ja_teline_v/css/custom.css file, add new rule


.bannergroup {
background: none;
}

.banneritem img {
width: initial;
float: right;
}


1 user says Thank You to Ninja Lead for this useful post

1. seaneo

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

#746607

@seaneo: If you want to show banner image with 728×90 you can try to use this way

Open teline_v/templates/ja_teline_v/tpls/blocks/header.php file

+ Line 39

from

<div class="col-md-5 header-left">
to

<div class="col-md-3 header-left">

+ Line 65

from

<div class="col-md-7 header-right">
to

<div class="col-md-9 header-right">

+ Open templates/ja_teline_v/css/custom.css file, add new rule


.bannergroup {
background: none;
}

.banneritem img {
width: initial;
float: right;
}


1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#672786

Thanks Ninja, I wil?l do the suggested edits and will let you know.

Meanwhile I still have these three CSS additions in my Custom.css file, from various answers in this thread:

.header-right .trending .magazine-links {
margin-right: 10px;
}

.header-right .header-right-inner .banneritem {
margin: 0px !important;
}

.header-right .trending {
padding-right: 10px;
}

The last one, did the trick on creating that 10px gap I was looking for, I assume I should just leave the previous two also?

Thanks,

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#746681

Thanks Ninja, I wil?l do the suggested edits and will let you know.

Meanwhile I still have these three CSS additions in my Custom.css file, from various answers in this thread:

.header-right .trending .magazine-links {
margin-right: 10px;
}

.header-right .header-right-inner .banneritem {
margin: 0px !important;
}

.header-right .trending {
padding-right: 10px;
}

The last one, did the trick on creating that 10px gap I was looking for, I assume I should just leave the previous two also?

Thanks,

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

#672869

@seaneo: You can apply the same my solution in #27 and get the result as my screenshot

if you could not solve it, you can pm me admin login backend of your site, I will help you out

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

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

#746760

@seaneo: You can apply the same my solution in #27 and get the result.

if you could not solve it, you can pm me admin login backend of your site, I will help you out

1 user says Thank You to Ninja Lead for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#680314

I left the CSS that was in the custom file, and also applied your coding to the the two files, and it seems to work great, thank you!
The only issue is that when you simulate a smaller screen by shrinking the browser, the banner crashes into my logo, any thoughts?

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#746800

I left the CSS that was in the custom file, and also applied your coding to the the two files, and it seems to work great, thank you!
The only issue is that when you simulate a smaller screen by shrinking the browser, the banner crashes into my logo, any thoughts?

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

#680366

I’m afraid the banner on your site won’t able to show on mobile layout and it was disabled because the banner on your site is very big with small layout from mobile layout.

Beside that, you need to drop space blank into small logo, it will look better than.

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

#746852

Thought that banner should not be displayed on mobile layout because its size is bigger than the width of mobile view.

Beside that, you can consider to remove the blank space of the small logo on your site, it will look better.

[Author]

Posts