Announcement

Collapse
No announcement yet.

Site builder

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Site builder

    Trying to edit parent forum color categories with site builder but i do not have the tab for color style ? Site builder under the edit page just shows.Everything i read says i need to enable it but i am not sure how to find the enable

    Click image for larger version

Name:	image.png
Views:	284
Size:	16.6 KB
ID:	29500

    #2
    I changed our color scheme using the style variable editor for "Page" in the admin control panel, and also changed some text colors. I also made a lot of changes in the Site Builder CSS option, e.g. (I hope this helps)
    body {
    background: #ffffff;
    color: #191970;
    font: 1.3rem Helvetica,Arial,Verdana,sans-serif;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    }
    .widget-content .forum-list-container .forum-item a, .widget-content .forum-list-container .forum-item a:active, .widget-content .forum-list-container .forum-item a:visited, .widget-content .forum-list-container .subforum-list a, .widget-content .forum-list-container .subforum-list a:active, .widget-content .forum-list-container .subforum-list a:visited, .widget-content .blogmember-list .list-container .list-item a, .widget-content .blogmember-list .list-container .list-item a:active, .widget-content .blogmember-list .list-container .list-item a:visited, .widget-content .sg-groups-list .sg-groups-list-container .list-item a, .widget-content .sg-groups-list .sg-groups-list-container .list-item a:active, .widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited {
    color: #191970;
    text-decoration: none;
    }

    #header {
    color: #FFFFFF;
    width: 100%;
    min-width: 320px;
    max-width: 1200px;
    margin: auto;
    height: 104px;
    display: table;
    clear: both;
    table-layout: fixed;
    }
    #header .toolbar {
    display: table-cell;
    vertical-align: middle;
    width: 252px;
    padding-right: 10px;
    color: #FFFFFF;
    background: #FFFFFF;
    }
    #header .site-logo {
    padding: 22px 10px 26px 10px;
    background: #ffffff;
    position: relative;
    text-align: left;
    }
    .module-title h1 {
    color: #191970;
    font: bold 1.6rem Helvetica,Arial,Verdana,sans-serif;
    text-transform: none;
    text-align: left;
    }
    .page-title h1 {
    color: #191970;
    font: bold 1.6rem Helvetica,Arial,Verdana,sans-serif;
    text-transform: none;
    text-align: left;
    }
    .beditor content-entry {
    color: #191970;
    }
    .b-editor .cke_contents {
    min-height: 100px;
    }
    /* unvisited link */
    a:link {
    color: red;
    }

    /* visited link */
    a:visited {
    color: green;
    }

    /* mouse over link */
    a:hover {
    color: hotpink;
    }

    /* selected link */
    a:active {
    color: blue;
    }​

    Comment


      #3
      Do you know what the parent forum category strips are labeled?

      Comment


        #4
        Do you mean the categories in the cpadmin Channel Manager?
        Click image for larger version

Name:	image.png
Views:	19
Size:	9.3 KB
ID:	29505
        Last edited by wwdnet; 04-14-2024, 05:39 PM. Reason: Provide screenshot

        Comment


          #5
          Yes you set them up as not a forum and make them the parent to the sub categories under them. I want to change the background color of the categories to make them pop more

          Comment


            #6
            I've logged out of the forum for the night but I believe if you go to Styles in cpadmin, then select your Style, then select Style Variable Editor from the dropdown, then try changing the background color in one of the Modules settings. Make sure you copy the existing settings before changing to a new color! You can probably find it by using the trial and error method.

            Comment


              #7
              Is this what you wanted?
              Code:
              .forum-list-container .category-header {
                  background-color: #001F68;
              }
              Add the above custom CSS code in css_additional.css template in AdminCP Style Manager or in Sitebuilder CSS Editor
              Helpful? Donate. Thanks!
              Buy me a coffeePayPal QR Code
              Fast VPS Host for vBulletin:
              A2 Hosting & IONOS

              Comment


                #8
                That code would work

                Comment

                Users Viewing This Page

                Collapse

                There is 1 user viewing this forum topic.

                • Guest Guest

                Latest Posts

                Collapse

                Working...
                X
                Searching...Please wait.
                An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

                Please push the back button and reload the previous window.'
                An unexpected error was returned: 'Your submission could not be processed because the token has expired.

                Please push the back button and reload the previous window.'
                An internal error has occurred and the module cannot be displayed.
                There are no results that meet this criteria.
                Search Result for "|||"