-
AuthorPosts
-
Ninja Lead Moderator
Ninja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 26, 2015 at 2:22 am #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
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 26, 2015 at 2:22 am #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
seaneo Friendseaneo
- Join date:
- December 2009
- Posts:
- 421
- Downloads:
- 4
- Uploads:
- 49
- Thanks:
- 244
- Thanked:
- 12 times in 1 posts
August 26, 2015 at 1:08 pm #672786Thanks 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 Friendseaneo
- Join date:
- December 2009
- Posts:
- 421
- Downloads:
- 4
- Uploads:
- 49
- Thanks:
- 244
- Thanked:
- 12 times in 1 posts
August 26, 2015 at 1:08 pm #746681Thanks 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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
seaneo Friendseaneo
- Join date:
- December 2009
- Posts:
- 421
- Downloads:
- 4
- Uploads:
- 49
- Thanks:
- 244
- Thanked:
- 12 times in 1 posts
August 27, 2015 at 2:17 pm #680314I 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 Friendseaneo
- Join date:
- December 2009
- Posts:
- 421
- Downloads:
- 4
- Uploads:
- 49
- Thanks:
- 244
- Thanked:
- 12 times in 1 posts
August 27, 2015 at 2:17 pm #746800I 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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 28, 2015 at 2:21 am #680366I’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 ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 28, 2015 at 2:21 am #746852Thought 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.
-
AuthorPosts
This topic contains 40 replies, has 4 voices, and was last updated by Ninja Lead 9 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum