Joomla Templates Club 406,261 posts

[patvandenbosche Friend patvandenboscheJoin date: March 2006Posts: 132Downloads:47Uploads:37 Thanks: 34 Thanked: 5 times in 2 posts]

#204193

I have removed the date and “New Articles” portion of the code so that header-1 is just one module position now. Unfortunately I cannot figure out how to modify the size of the module so my banner will fit correctly that I wish to display there. I have attached a screen shot that may help to explain what I need better. I have opened several tickets lately, but the responses so far have been very useless. And then I have to wait two days for a response to something that is useless. I know you may be busy, but as a paying customer, I too am busy and depend on your services. That is why I have a developer’s license with you.

Please look at this and tell me how to modify the module so the banner doesn’t have to be so overpowering on the top of the screen, and my client can use it to promote their members’ events.

Again, to reiterate, I am referring to module header-1 in Teline V. I want to make the module smaller and use it for banners, no gray outline around it, just a simple banner module position.

Thank you in advance for your help. It really does make a difference when you help me out.

---

Attachments:

1. 

Pat Vanden Bosche
www.patvb.com

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561050

Dear Pat Vanden,

I’m sorry for the delay. I just checked your site but didn’t see the gray outline around banner. Did you solve this case?

Please let me know if you still face the issue.

Thank you

[patvandenbosche Friend patvandenboscheJoin date: March 2006Posts: 132Downloads:47Uploads:37 Thanks: 34 Thanked: 5 times in 2 posts]

#561081

<em>@Leo Burnetts 460833 wrote:</em><blockquote>Dear Pat Vanden,

I’m sorry for the delay. I just checked your site but didn’t see the gray outline around banner. Did you solve this case?

Please let me know if you still face the issue.

Thank you</blockquote>

Leo, I solved the gray box, but I can’t get it to display or rather NOT display in a smartphone or tablet. It is a problem since I can’t get to the sidebar menu because of how it is laying on the template. I modified the css and set my changes in custom.css, and that definitely got rid of the box. But when I tried to use the Responsive layout in the template area of the backend of the site, nothing appeared to change at all. I want to turn off header-1 on anything except the big screen or tablet size, and even then if the tablet is portraited-oriented, it should not be on that size width.

I am using default for JA Teline V template manager layout. I only have header-1 “on” for large and medium. What am I doing wrong? Please help me to understand what I am missing.

Thank you,
Pat Vanden Bosche

Pat Vanden Bosche
www.patvb.com

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561112

Dear Pat Vanden Bosche,

Please try to add the css code below into custom.css file

it will be removed the header banner on smartphone(iphone, old iphones and small devices)

Thank you

1 user says Thank You to phong nam for this useful post

1. patvandenbosche

[patvandenbosche Friend patvandenboscheJoin date: March 2006Posts: 132Downloads:47Uploads:37 Thanks: 34 Thanked: 5 times in 2 posts]

#561144

Leo, you certainly are My Hero!!!! 😀

Thank you for helping me with this and giving me the CSS code I needed to make the header-1 module only appear on large screens. I have learned a lot just from this snippet of code you sent me. I’ve implemented it, and it fixed the problem with the display.

You have restored my faith in Joomlart. I have been with them since forever, and one of the reasons is because of the great support I’ve received in the past. Great support will keep me coming back for more.

Thanks again,
Pat Vanden Bosche

Pat Vanden Bosche
www.patvb.com

[flyingscot Friend flyingscotJoin date: April 2010Posts: 1Downloads:0Uploads:0]

#561233

Where is the custom css file stored? I tried adding the code above to the custom css section in the template admin with no luck. I just see the code on the front end when I refresh the page.

T.I.A.

[patvandenbosche Friend patvandenboscheJoin date: March 2006Posts: 132Downloads:47Uploads:37 Thanks: 34 Thanked: 5 times in 2 posts]

#561240

<em>@flyingscot 461065 wrote:</em><blockquote>Where is the custom css file stored? I tried adding the code above to the custom css section in the template admin with no luck. I just see the code on the front end when I refresh the page.

T.I.A.</blockquote>

/public_html/test/templates/ja_teline_v/css/custom.css

The code is in there, and the issue is fixed. I also added the following code to turn header-1 into a simple module so I could use banners or images there without the shadow box and smaller so it didn’t have to overpower the site logo on the left:

I’m not saying my CSS is 100% correct, but it worked. This can be considered CLOSED now.

Thanks,
Pat Vanden Bosche

Pat Vanden Bosche
www.patvb.com

[sitemistic4746 Developer sitemistic4746Join date: February 2015Posts: 26Downloads:1Uploads:1 Thanks: 2 Thanked: 8 times in 3 posts]

#561247

Pat, I’m trying to do exactly what you have done, but adding your code to the custom.css file doesn’t do anything on my site. Am I missing something?

Thanks

[patvandenbosche Friend patvandenboscheJoin date: March 2006Posts: 132Downloads:47Uploads:37 Thanks: 34 Thanked: 5 times in 2 posts]

#561255

<em>@sitemistic4746 461085 wrote:</em><blockquote>Pat, I’m trying to do exactly what you have done, but adding your code to the custom.css file doesn’t do anything on my site. Am I missing something?

Thanks</blockquote>

I am so sorry, I misunderstood your problem… didn’t realize you were trying to do the same. I had to modify the file where the header-1 was called and give the class new names. So the call had to be modified as well as the CSS classes. Here is what I did:

OLD:
/public_html/templates/ja_teline_v/tpls/blocks
modified header.php:

<!– HEADER RIGHT –>
<div class=”col-md-7 header-right”>
<div class=”header-right-inner”>

<div class=”col trending <?php $this->_c(‘header-1’) ?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘header-1’) ?>” />
</div>
</div>
</div>
<!– // HEADER RIGHT –>

NEW:
/public_html/templates/ja_teline_v/tpls/blocks
modified header.php:

<!– HEADER RIGHT –>
<div class=”col-md-7 header-right-top”>
<div class=”header-right-inner-top”>

<div class=”col trending <?php $this->_c(‘header-1’) ?>”>
<jdoc:include type=”modules” name=”<?php $this->_p(‘header-1’) ?>” />
</div>
</div>
</div>
<!– // HEADER RIGHT –>

Just to be on the safe side, I modified header-clean.php and header.php files in that directory.

Let me know that fixes what you are wanting to do.

Pat

Pat Vanden Bosche
www.patvb.com

2 users say Thank You to patvandenbosche for this useful post

1. phong nam
2. sitemistic4746

[sitemistic4746 Developer sitemistic4746Join date: February 2015Posts: 26Downloads:1Uploads:1 Thanks: 2 Thanked: 8 times in 3 posts]

#561348

That worked almost perfectly! Thanks.

I made the modifications to the .php files in the template /local folder, though, so they wouldn’t be overwritten when the template is updated.

But the media queries are not working for me. I want the banner ad to go away at smaller screen sizes.

[Author]

Posts