Categories with unique forum titles Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    Categories with unique forum titles

    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°1

    Solved Categories with unique forum titles

    Post by Merciful Flower June 28th 2021, 6:44 am

    Technical Details


    Forum version : #phpBB3
    Position : Founder
    Concerned browser(s) : Google Chrome
    Who the problem concerns : All members
    When the problem appeared : Randomly
    Forum link : https://spiritsofvalhalla.forumotion.com/

    Description of problem

    I have been try to get the forum titles of the Wulfenfordshire and Fellinshire categories to be the design described in the code below. What keeps happening is eventually the code breaks and I need to change the numbers indication the areas to be selected for the code and it happens rather randomly. I'm wondering if there is an alternate code or if the code I'm using is incorrect. And even though it may display correctly on the index, viewing the category directly doesn't display the right forum title design.

    Now, I did use the main forum title code for my Other two categories that use a different forum title design. So if I need to change that, I can.

    What it's supposed to look like:
    Screenshot 1:

    What it's not supposed to look like:
    Screenshot 2:

    Code:
    .forabg:nth-child(8) a.forumtitle,
    .forabg:nth-child(9) a.forumtitle {
      display: box;
      background: transparent;
      font-size: 30px;
      font-family: Nothing you could do;
      color: #FAF9F6;
      text-align: left;
      text-decoration: uppercase;
      -webkit-text-stroke: 1px black;
      margin-top: -20px;
    }


    Last edited by Merciful Flower on July 4th 2021, 2:20 am; edited 2 times in total
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15387
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°2

    Solved Re: Categories with unique forum titles

    Post by skouliki June 28th 2021, 9:06 am

    hello

    add this to your css

    Code:

    a.forumtitle {
        background: transparent !important;
        font-size: 25px;
        text-align: left !important;
    }

    to add the stroke to the text add to the above code those lines also

    Code:

    -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: black;


    you can change the width and the color


    result

    Categories with unique forum titles Scre2488

    SLGray and TonnyKamper like this post

    • Back to top
    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°3

    Solved Re: Categories with unique forum titles

    Post by Merciful Flower June 28th 2021, 3:51 pm

    a.forumtitle is used for the other two categories. I have Wulfenforshire and Fellinshire different on purpose. The issue is that the child code keeps making me change the numbers at random.
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15387
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°4

    Solved Re: Categories with unique forum titles

    Post by skouliki June 28th 2021, 9:22 pm

    i can quite understand what result you want to succeed

    can you post a screenshot and circle the category titles you want to change

    • Back to top
    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°5

    Solved Re: Categories with unique forum titles

    Post by Merciful Flower July 1st 2021, 12:35 am

    How can I get the above code to apply to subforums of specified categories? I don't want to change the design for all of the forums, jist the ones for Wulfenfordshire and Fellinshire. Right now, the code only targets the titles for the index and not the subforums so they look like this:

    Spoiler:

    But I need the code to work for all forums with each category regardless of the page I'm on. Jist like how it show the same way when I view the category specifically. Like this:

    Spoiler:

    So I need the code to corrspond for those areas and not just the index for those 2 categories only.

    And then when I'm not logged in, wulfenfordshire looks like this:

    Spoiler:
    • Back to top
    SarkZKalie
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English
    • Post n°6

    Solved Re: Categories with unique forum titles

    Post by SarkZKalie July 2nd 2021, 2:35 pm

    Hello, have you tried to edit and replace these lines to simple one yet?
    Code:
    .forabg:nth-child(8) a.forumtitle,
    .forabg:nth-child(9) a.forumtitle
    by this
    Code:
    .forabg a.forumtitle



    Categories with unique forum titles Sarkzk10
    • Back to top
    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°7

    Solved Re: Categories with unique forum titles

    Post by Merciful Flower July 2nd 2021, 8:18 pm

    How can I adjust that code so it targets certain categories?
    • Back to top
    tikky
    tikky
    tikky
    Forumember


    Posts : 922
    Reputation : 160
    Language : 🇵🇹
    • Post n°8

    Solved Re: Categories with unique forum titles

    Post by tikky July 2nd 2021, 8:27 pm

    Hello @Merciful Flower,

    How can I adjust that code so it targets certain categories?
    Go to Administration Panel > Display > Templates > General > index_box edit and replace this
    Code:
    <div class="forabg">
    to
    Code:
    <div class="forabg" data-forabg-id="{catrow.tablehead.ID}">

    Now in your stylesheet use this attribute
    Code:
    [data-forabg-id="cYour_Category_ID"]
    and where you have
    Code:
    Your_Category_ID
    replace with your category ID (/c1- 1 is the ID). And use in your CSS:
    Code:
    [data-forabg-id="c1"] .forumtitle {

    }

    SarkZKalie and TonnyKamper like this post

    • Back to top
    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°9

    Solved Re: Categories with unique forum titles

    Post by Merciful Flower July 3rd 2021, 12:13 am

    Thanks a million @pedxz! That code worked perfectly!

    Edit: And lastly, how to get it to work for subforums? Almost forgot
    • Back to top
    tikky
    tikky
    tikky
    Forumember


    Posts : 922
    Reputation : 160
    Language : 🇵🇹
    • Post n°10

    Solved Re: Categories with unique forum titles

    Post by tikky July 3rd 2021, 9:26 pm

    Merciful Flower wrote:how to get it to work for subforums?
    Edit your topics_list_box (Template in General) and replace:
    Code:
    <div class="forumbg announcement">
    to
    Code:
    <div class="forumbg announcement" data-forabg-id="f{FORUM_ID}">
    and
    Code:
    <div class="forumbg">
    to
    Code:
    <div class="forumbg" data-forabg-id="f{FORUM_ID}">
    The way you use it is the same as I explained above:
    Code:
    [data-forabg-id="f1"] .forumtitle {
     
    }
    Code:
    [data-forabg-id="f1"]
    = /f1- this is the ID

    TonnyKamper likes this post

    • Back to top
    Merciful Flower
    Merciful Flower
    Merciful Flower
    Forumember


    Female Posts : 166
    Reputation : 3
    Language : English
    • Post n°11

    Solved Re: Categories with unique forum titles

    Post by Merciful Flower July 4th 2021, 2:19 am

    Perfect, thank you! This is solved now Very Happy

    tikky likes this post

    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15387
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°12

    Solved Re: Categories with unique forum titles

    Post by skouliki July 4th 2021, 8:27 am

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules

    • Back to top