Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

February 04, 2023, 10:26:52 PM

Login with username, password and session length
Members
  • Total Members: 3856
  • Latest: Bixby
Stats
  • Total Posts: 193960
  • Total Topics: 21131
  • Online today: 56
  • Online ever: 3540
  • (September 02, 2022, 06:38:54 PM)
Users Online
Users: 0
Guests: 30
Total: 30

Author Topic: How do you target specific blocks with CSS?  (Read 89 times)

0 Members and 1 Guest are viewing this topic.

Offline [chrisB]

  • Jr. Member
  • **
  • Posts: 67
Re: How do you target specific blocks with CSS?
« Reply #10 on: Today at 11:47:43 AM »
I'm not, it just gets added. If I remove it, it comes back. If I save and ignore it - it duplicates.

Can third-party blocks be added to the 'Choose type of block'?

Offline @rjen

  • Support Team
  • *
  • Posts: 3482
    • FJR-club Nederland
Re: How do you target specific blocks with CSS?
« Reply #11 on: Today at 11:55:13 AM »
Can third-party blocks be added to the 'Choose type of block'?

No, that is not possible.

Perhaps if you explain what you are trying to accomplish we can help you.
With html blocks and php blocks there is really no limit to what you can do...
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Offline @rjen

  • Support Team
  • *
  • Posts: 3482
    • FJR-club Nederland
Re: How do you target specific blocks with CSS?
« Reply #12 on: Today at 11:57:04 AM »
I'm not, it just gets added. If I remove it, it comes back. If I save and ignore it - it duplicates.

cannot reproduce that: I copied your code, put it in a html block and it works...

by the way, you should not declare header and body sections in a block: those already exist on the page. This block works fine for me...

Code: [Select]
<script src="https://poetryartonline.com/files/jquery.min.js"></script>
<script src="https://poetryartonline.com/files/jquery.bxslider.js"></script>
<link rel="stylesheet" href="https://poetryartonline.com/files/artslider.css">

<script>
    $(document).ready(function(){
      $('.slider').bxSlider();
    });
</script>

<div class="slider">
 <div><li><img src="https://poetryartonline.com/files/art/slider1-min.jpg" alt=""></li></div>
 <div><li><img src="https://poetryartonline.com/files/art/slider2-min.jpg" alt=""></li></div>
 <div><li><img src="https://poetryartonline.com/files/art/slider3-min.jpg" alt=""></li></div>
 <div><li><img src="https://poetryartonline.com/files/art/slider4-min.jpg" alt=""></li></div>
 <div><li><img src="https://poetryartonline.com/files/art/slider5-min.jpg" alt=""></li></div>
</div>
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Offline tino

  • Developer
  • *
  • Posts: 2705
Re: How do you target specific blocks with CSS?
« Reply #13 on: Today at 12:07:30 PM »
I'm not, it just gets added. If I remove it, it comes back. If I save and ignore it - it duplicates.

Can third-party blocks be added to the 'Choose type of block'?

Do you have any other mods installed? That doesn’t sound like a TinyPortal issue. As in I didn’t realise we even added meta tags.

Offline [chrisB]

  • Jr. Member
  • **
  • Posts: 67
Re: How do you target specific blocks with CSS?
« Reply #14 on: Today at 12:46:53 PM »
I've managed with one part, I can't figure out how to remove the useless scroll bar.


https://poetryartonline.com/

Quote
Do you have any other mods installed? That doesn’t sound like a TinyPortal issue. As in I didn’t realise we even added meta tags.

Could it be caused the Pretty URLs Pro mod? Thinking about it, links sometimes add the pretty URL on top of the code which forms the links which means they break.

Offline @rjen

  • Support Team
  • *
  • Posts: 3482
    • FJR-club Nederland
Re: How do you target specific blocks with CSS?
« Reply #15 on: Today at 12:52:38 PM »
With pretty URLs anything is possible I guess... I really do not like that mod
Running Latest TP on SMF2.1 at: www.fjr-club.nl

Offline lurkalot

  • Administrator
  • *
  • Posts: 7444
    • Camera Craniums
Re: How do you target specific blocks with CSS?
« Reply #16 on: Today at 01:16:53 PM »
With pretty URLs anything is possible I guess... I really do not like that mod

Ditto.  ;)  I don't use it either for same reasons.