Custom Widget CSS
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- What boxes specifically, i need url of the page where boxes are and what color you need and i will give you the css code!
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- joanne
- Newbie
- Posts: 13
- Thanks: 0
-
Thank you for replying
The site is privatethirdeye.com (it is still a work in progress)
I just need to know how to do it in general
I can change 2 of the template widget boxes but I need to be able to add different colors to other widget boxeds for example the artical "WHY I AM NOT A TWATSANGI" and then the image below that.
Thank you in advance
Jo
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Add box10 in css class in widget and then add this code in custom.scss file or Gantry Page Settings:
.box10 { color: #468847; background: #ffe8c0; }
To add custom style sheet to Gantry 5 Framework please follow these instructions:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
or if you want to add them in the Page Settings:
docs.gantry.org/gantry5/configure/page-settings#custom-css-js -
The following users have thanked you: joanne
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- joanne
- Newbie
- Posts: 13
- Thanks: 0
-
Hi I am sorry to bother you again, We are very new to this. I am playing on a test site and I have installed the widget ID plugin
I don't really understand where you got box 10 from. Would I need to use the widget Id number for example "Widget ID is: text-10002" as I would like to be able to change the individual widget boxes.
So for example
.text-10002 {
color: #468847;
background: #ffe8c0;
}
Thank you in advance.
-
-
-
- joanne
- Newbie
- Posts: 13
- Thanks: 0
-
Hi I am really sorry to bother you.
I did what you suggested and it did not work.
I created a file as per the tutorial
public_html/wp-content/themes/rt_sirocco_wp/custom/custom.scss
Then added .box10 {
color: #468847;
background: #ffe8c0;
}
Then put box10 in the widget box. but nothing happened.
What did I do wrong? Thanks Joanne
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- did you add box10 in the widget variation class filed?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.064 seconds