Skip to content

Commit 74bf193

Browse files
adictonatoradictonator
committed
added new fonts and fixed conflict css issue
1 parent 7e40119 commit 74bf193

File tree

4 files changed

+201
-221
lines changed

4 files changed

+201
-221
lines changed

‎header.php

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,7 @@
1818
<meta charset="<?php bloginfo('charset'); ?>">
1919
<meta name="viewport" content="width=device-width, initial-scale=1">
2020
<link rel="profile" href="https://gmpg.org/xfn/11">
21-
22-
<link rel="preconnect" href="https://fonts.googleapis.com">
23-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
24-
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
25-
<link href="https://api.fontshare.com/v2/css?f[]=general-sans@300,400,500,600,700&display=swap" rel="stylesheet">
21+
<link href="https://api.fontshare.com/v2/css?f[]=general-sans@300,400,500,600,700&f[]=quicksand@300,400,500&display=swap" rel="stylesheet">
2622
<?php wp_head(); ?>
2723
</head>
2824

‎input.css

Lines changed: 174 additions & 174 deletions
Original file line numberDiff line numberDiff line change
@@ -1,174 +1,174 @@
1-
/*
2-
Theme Name: CSS & JavaScript Toolbox
3-
Theme URI: https://css-javascript-toolbox.com/
4-
Author: CSS & JavaScript Team
5-
Author URI: https://css-javascript-toolbox.com/, https://lazycodelab.com
6-
Description: Custom tailored theme for CSS & JavaScript Toolbox.
7-
Requires at least: 6.4
8-
Tested up to: 6.4
9-
Requires PHP: 7.0
10-
Version: 1.0
11-
License: GNU General Public License v2 or later
12-
License URI: http://www.gnu.org/licenses/gpl-2.0.html
13-
Text Domain: cjt
14-
*/
15-
16-
17-
@tailwind base;
18-
@tailwind components;
19-
@tailwind utilities;
20-
21-
.entry-content h4, .entry-content h3, .wp-block-heading {
22-
font-size: 28px;
23-
font-weight: 600;
24-
}
25-
26-
@layer base {
27-
@font-face {
28-
font-family: 'Grifter Bold';
29-
src: url('assets/fonts/grifterbold.otf') format('opentype');
30-
}
31-
32-
html {
33-
font-family: "Poppins", system-ui, sans-serif;
34-
overflow-x: hidden;
35-
}
36-
}
37-
38-
.cjt-input {
39-
width: 100%;
40-
height: 100%;
41-
background: white;
42-
border-radius: 0.25rem;
43-
padding: 0.5rem 1rem;
44-
border: 1px solid #E5E7EB;
45-
font-size: 1rem;
46-
font-weight: normal;
47-
margin: 10px 0 20px 0;
48-
}
49-
50-
.cjt-submit-btn {
51-
background-color: #171717;
52-
border-radius: 4px;
53-
color: #ffffff;
54-
padding: 12px 24px;
55-
cursor: pointer;
56-
}
57-
58-
.previewSliderThumbs swiper-slide,
59-
.previewSliderThumbs2 swiper-slide {
60-
height: 100%;
61-
opacity: 0.4;
62-
}
63-
64-
.previewSliderThumbs .swiper-slide-thumb-active,
65-
.previewSliderThumbs2 .swiper-slide-thumb-active {
66-
opacity: 1;
67-
}
68-
69-
/* Dropdown CSS */
70-
li ul {
71-
display: none;
72-
}
73-
74-
ul li:hover > ul {
75-
display: block;
76-
background-color: #005DA4;
77-
border-radius: 4px;
78-
color: white;
79-
}
80-
81-
li ul {
82-
position: absolute;
83-
width: 166px;
84-
z-index: 99;
85-
margin-top: 10px;
86-
}
87-
88-
li li ul {
89-
position: absolute;
90-
margin-left: 155px;
91-
margin-top: -20px;
92-
z-index: 99;
93-
}
94-
95-
li li {
96-
display: block;
97-
}
98-
99-
.sub-menu li:not(:first-child) {
100-
margin-top: 10px;
101-
}
102-
.sub-menu li {
103-
width: 100%;
104-
padding: 0 12px;
105-
}
106-
107-
.sub-menu li a {
108-
padding: 0 !important;
109-
text-transform: unset !important;
110-
}
111-
112-
.sub-menu {
113-
padding: 10px 0px;
114-
}
115-
116-
.sub-menu li a {
117-
color: #ffffff !important;
118-
font-size: 12px !important;
119-
line-height: 1.5rem !important;
120-
font-weight: normal !important;
121-
}
122-
123-
.menu-item-has-children::after {
124-
position: absolute;
125-
display: inline-table;
126-
right: 0;
127-
content: '>';
128-
width: 10px;
129-
height: 10px;
130-
transform: rotate(90deg);
131-
margin-bottom: 0.5rem;
132-
}
133-
134-
.menu-item-has-children:hover::after {
135-
color: #005DA4;
136-
}
137-
138-
.menu-item-has-children ul li.menu-item-has-children::after {
139-
position: absolute;
140-
display: contents;
141-
content: '>';
142-
width: 10px;
143-
height: 10px;
144-
right: unset;
145-
transform: rotate(90deg);
146-
margin-bottom: 0.5rem;
147-
}
148-
149-
.menu-item-has-children ul li.menu-item-has-children:hover::after {
150-
color: #ffffff !important;
151-
}
152-
153-
.menu-item-has-children {
154-
display: inline-block;
155-
position: relative;
156-
margin-top: 0px;
157-
margin-bottom: 0px;
158-
padding: 20px 15px;
159-
}
160-
161-
.menu-item-has-children:hover a:not(.menu-item-has-children li a) {
162-
color: #005DA4 !important;
163-
}
164-
165-
@layer utilities {
166-
#nav-menu {
167-
@apply flex items-center gap-5;
168-
}
169-
170-
#nav-menu li a {
171-
@apply text-black transition font-semibold text-base hover:text-black/75 py-5 uppercase;
172-
}
173-
}
174-
1+
/*
2+
Theme Name: CSS & JavaScript Toolbox
3+
Theme URI: https://css-javascript-toolbox.com/
4+
Author: CSS & JavaScript Team
5+
Author URI: https://css-javascript-toolbox.com/, https://lazycodelab.com
6+
Description: Custom tailored theme for CSS & JavaScript Toolbox.
7+
Requires at least: 6.4
8+
Tested up to: 6.4
9+
Requires PHP: 7.0
10+
Version: 1.0
11+
License: GNU General Public License v2 or later
12+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
13+
Text Domain: cjt
14+
*/
15+
16+
17+
@tailwind base;
18+
@tailwind components;
19+
@tailwind utilities;
20+
21+
.entry-content h4, .entry-content h3, .wp-block-heading {
22+
font-size: 28px;
23+
font-weight: 600;
24+
}
25+
26+
@layer base {
27+
@font-face {
28+
font-family: 'Grifter Bold';
29+
src: url('assets/fonts/grifterbold.otf') format('opentype');
30+
}
31+
32+
html {
33+
font-family: "Poppins", system-ui, sans-serif;
34+
overflow-x: hidden;
35+
}
36+
}
37+
38+
.cjt-input {
39+
width: 100%;
40+
height: 100%;
41+
background: white;
42+
border-radius: 0.25rem;
43+
padding: 0.5rem 1rem;
44+
border: 1px solid #E5E7EB;
45+
font-size: 1rem;
46+
font-weight: normal;
47+
margin: 10px 0 20px 0;
48+
}
49+
50+
.cjt-submit-btn {
51+
background-color: #171717;
52+
border-radius: 4px;
53+
color: #ffffff;
54+
padding: 12px 24px;
55+
cursor: pointer;
56+
}
57+
58+
.previewSliderThumbs swiper-slide,
59+
.previewSliderThumbs2 swiper-slide {
60+
height: 100%;
61+
opacity: 0.4;
62+
}
63+
64+
.previewSliderThumbs .swiper-slide-thumb-active,
65+
.previewSliderThumbs2 .swiper-slide-thumb-active {
66+
opacity: 1;
67+
}
68+
69+
/* Dropdown CSS */
70+
#nav-menu li ul {
71+
display: none;
72+
}
73+
74+
#nav-menu ul li:hover > ul {
75+
display: block;
76+
background-color: #005DA4;
77+
border-radius: 4px;
78+
color: white;
79+
}
80+
81+
#nav-menu li ul {
82+
position: absolute;
83+
width: 166px;
84+
z-index: 99;
85+
margin-top: 10px;
86+
}
87+
88+
#nav-menu li li ul {
89+
position: absolute;
90+
margin-left: 155px;
91+
margin-top: -20px;
92+
z-index: 99;
93+
}
94+
95+
#nav-menu li li {
96+
display: block;
97+
}
98+
99+
.sub-menu li:not(:first-child) {
100+
margin-top: 10px;
101+
}
102+
.sub-menu li {
103+
width: 100%;
104+
padding: 0 12px;
105+
}
106+
107+
.sub-menu li a {
108+
padding: 0 !important;
109+
text-transform: unset !important;
110+
}
111+
112+
.sub-menu {
113+
padding: 10px 0px;
114+
}
115+
116+
.sub-menu li a {
117+
color: #ffffff !important;
118+
font-size: 12px !important;
119+
line-height: 1.5rem !important;
120+
font-weight: normal !important;
121+
}
122+
123+
.menu-item-has-children::after {
124+
position: absolute;
125+
display: inline-table;
126+
right: 0;
127+
content: '>';
128+
width: 10px;
129+
height: 10px;
130+
transform: rotate(90deg);
131+
margin-bottom: 0.5rem;
132+
}
133+
134+
.menu-item-has-children:hover::after {
135+
color: #005DA4;
136+
}
137+
138+
.menu-item-has-children ul li.menu-item-has-children::after {
139+
position: absolute;
140+
display: contents;
141+
content: '>';
142+
width: 10px;
143+
height: 10px;
144+
right: unset;
145+
transform: rotate(90deg);
146+
margin-bottom: 0.5rem;
147+
}
148+
149+
.menu-item-has-children ul li.menu-item-has-children:hover::after {
150+
color: #ffffff !important;
151+
}
152+
153+
.menu-item-has-children {
154+
display: inline-block;
155+
position: relative;
156+
margin-top: 0px;
157+
margin-bottom: 0px;
158+
padding: 20px 15px;
159+
}
160+
161+
.menu-item-has-children:hover a:not(.menu-item-has-children li a) {
162+
color: #005DA4 !important;
163+
}
164+
165+
@layer utilities {
166+
#nav-menu {
167+
@apply flex items-center gap-5;
168+
}
169+
170+
#nav-menu li a {
171+
@apply text-black transition font-semibold text-base hover:text-black/75 py-5 uppercase;
172+
}
173+
}
174+

0 commit comments

Comments
 (0)