CSS

app.py

@@ -195,6 +195,14 @@ def flux_pipe_call_that_returns_an_iterable_of_images(
 
 #------------------------------------------------------------------------------------------------------------------------------------------------------------#
 loras = [
+    #DND Cartoon
+    {
+        "image": "https://huggingface.co/AIGCDuckBoss/fluxLora_gamecartoon/resolve/main/images/1.png",
+        "title": "DnD Character",
+         "repo": "AIGCDuckBoss/fluxLora_gamecartoon",
+        "weights": "fluxLora_gamecartoon.safetensors",
+        "trigger_word": "The overall style of the illustration is cartoon style"            
+    },  
     #D&D Style
     {
         "image": "https://huggingface.co/SouthbayJay/dnd-style-flux/resolve/main/27073771.jpeg",
@@ -202,15 +210,7 @@ loras = [
         "repo": "SouthbayJay/dnd-style-flux",
         "weights": "dnd_style_flux.safetensors",
         "trigger_word": "dndstyle"            
-    },
-    #DND Cartoon
-    {
-        "image": "https://huggingface.co/AIGCDuckBoss/fluxLora_gamecartoon/resolve/main/images/1.png",
-        "title": "DnD Character",
-        "repo": "AIGCDuckBoss/fluxLora_gamecartoon",
-        "weights": "fluxLora_gamecartoon.safetensors",
-        "trigger_word": "The overall style of the illustration is cartoon style"            
-    },    
+    }, 
     #DND Weasley
     {
         "image": "https://cdn-uploads.huggingface.co/production/uploads/noauth/T9jOsT74oPDh7EwRizkjH.webp",
@@ -2387,7 +2387,6 @@ css = '''
 #title{text-align: center}
 #title h1{font-size: 3em; display:inline-flex; align-items:center; color: #ffd700;}
 #title img{width: 100px; margin-right: 0.5em}
-#title p { color: black; }
 #gallery .grid-wrap{height: 10vh}
 #lora_list{background: var(--block-background-fill);padding: 0 1em .3em; font-size: 90%; color: #ffd700;}
 .card_internal{display: flex;height: 100px;margin-top: .5em; border: 2px solid #8b4513; background: #3a3a3a;}
@@ -2400,12 +2399,14 @@ css = '''
 /* Specific to the Gradio app */
 
 /* Target specific elements for the body yellow text */
-#title p, #title a, #gallery, #lora_list, .card_internal, .styler, #progress, .progress-container{
+#gallery, #lora_list, .card_internal, .styler, #progress, .progress-container{
     color: #ffd700;
 }
 #title h1{font-size: 3em; display:inline-flex; align-items:center; color: #ffd700;}
 body {background: url('https://www.transparenttextures.com/patterns/black-linen.png') center; font-family: 'Cinzel', serif;}
 
+/* Specific Style for the "p" tag*/
+#title p {color: black;}
 '''
 
 with gr.Blocks(theme="YTheme/Minecraft", css=css, delete_cache=(60, 60)) as app:
@@ -2424,6 +2425,7 @@ with gr.Blocks(theme="YTheme/Minecraft", css=css, delete_cache=(60, 60)) as app:
     elem_id="title",
 )
 
+
     selected_index = gr.State(None)
     with gr.Row():
         with gr.Column(scale=3):