melissagaviria
-
Posts
0 -
Joined
-
Last visited
Reputation Activity
-
melissagaviria reacted to tuanphan in 2 Column Mobile View
Add to Home > Design > Custom CSS
/* 2 columns logos */ @media screen and (max-width:767px) { div#page-section-5f0c52af60bdf3313368b3fd .span-12 { .span-3 { width: 50% !important; float: left !important; } .span-3:nth-child(2n+1) { clear: left !important; } } }
-
melissagaviria reacted to AnnaK in Override Cursor with Custom Image
YEEESSS!!!!!
If anyone is interested, this is the code I used:
--------------------------------
html, body {
cursor: url(http://test.kleindinst.at/cursor_medium.png), auto; [Comment: For the standard cursor]
}
a:hover {
cursor: url(http://test.kleindinst.at/cursor_medium_stripes2.png), auto !important; [Comment: For links in general]
}
input {
cursor: url(http://test.kleindinst.at/cursor_medium_stripes2.png), auto !important; [Comment: For the small text fields of the form]
}
textarea {
cursor: url(http://test.kleindinst.at/cursor_medium_stripes2.png), auto !important; [Comment: For the larger text fields of the form]
}
.sqs-system-button {
cursor: url(http://test.kleindinst.at/cursor_medium_stripes2.png),auto !important; [Comment: For all buttons]
}
--------------------------------
Thanks a lot for helping me out!! 🙂
-
melissagaviria reacted to stephanie25 in Change text for mobile view
@tuanphan Thanks! Adding two texts was a great suggestion. For anyone who needs the code I provided it below:
<html> <head> <style> h2 {text-align:center; font-weight: bold;} #content-desktop {display: block;} #content-mobile {display: none;} @media screen and (max-width: 768px) { #content-desktop {display: none;} #content-mobile {display: block;} } } </style> </head> <body> <div id="content-desktop"> <h2>UX/UI DESIGNER | GRAPHIC DESIGNER</h2> </div> <div id="content-mobile"> <h2>UX/UI DESIGNER<br />GRAPHIC DESIGNER</h2> </div> </body> </html>