Forum Replies Created
-
AuthorPosts
-
Eva LimMember
Think I've solved the issue.
Attach the class ".fade" to the element you want to fade in and add the code below:
.fade {
-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 5s; /* Firefox < 16 */
-ms-animation: fadein 5s; /* Internet Explorer */
-o-animation: fadein 5s; /* Opera < 12.1 */
animation: fadein 5s;
}@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}Eva LimMemberSOLUTION: Add " box-shadow:none; " to the selectors below:
input,
select,
textarea {
background-color: #f5f5f5;
border: none;
color: #171717;
font-size: 14px;
font-size: 1.4rem;
font-weight: 300;
padding: 8px;
width: 100%;
box-shadow:none;
}input:focus,
textarea:focus {
border: none;
outline: none;
box-shadow:none;
}Eva LimMemberHi Brad
Sorry for this late follow-up but I find myself with the same issue again.
Do you mind elaborating further on what you said above?Thanks,
EvaSeptember 3, 2015 at 9:00 am in reply to: Adding Theme Options for a Responsive Logo or Header Image #164437Eva LimMemberThanks Brad. I'll try adding support for a custom header and also add media queries, hopefully that will work.
Eva LimMemberI did. I couldn't find it. It looks like it has to do with Javascript?
Eva LimMemberFound a solution with this plugin : https://wordpress.org/plugins/custom-permalinks/
Eva LimMemberThe issue is that I still want Widgets to show up on the Admin dashboard - all I was hoping to do is to hide (not remove) one particular widget but not the rest of them. Any ideas? Thanks!
September 22, 2014 at 9:18 pm in reply to: Create email opt-in landing page using Genesis sample theme #125398Eva LimMemberSorry, it's only a practice project so I'm working locally.
Eva LimMemberI should mention that I'll be using Easy Digital Downloads as a plugin.
September 14, 2014 at 5:03 am in reply to: Genesis Sample Theme : How to add (Font Awesome) icon font next to search bar #124307Eva LimMemberI've made a minor tweak:
.search-form input[type="search"] {
width: 85%;
}Everything else works perfectly, thank you so much SK!
Your help is much appreciated.September 13, 2014 at 7:02 pm in reply to: Genesis Sample Theme : How to add (Font Awesome) icon font next to search bar #124289Eva LimMemberHi SK!
I'm a big fan of your tutorials. 🙂
The search form is in the primary sidebar.
Any help is appreciated, thank you!September 10, 2014 at 2:25 am in reply to: Create email opt-in landing page using Genesis sample theme #123699Eva LimMemberHi I've managed to create a landing page close to my link above with the help of these articles:
1. http://wpspeak.com/landing-page-template/
2. http://wpsites.net/web-design/widget-genesis/
3. http://www.carriedils.com/genesis-enews-extended-mailchimp/
4. http://sridharkatakam.com/add-fixed-bottom-section-genesis/My first landing page built, woohoo!
September 9, 2014 at 11:01 pm in reply to: Create email opt-in landing page using Genesis sample theme #123688Eva LimMemberI didn't see the link before as I was reading your reply on your iPhone.
Glad to report I have managed to create my first email opt-in page successfully, woohoo!
Your link (http://wpsites.net/web-design/widget-genesis/) helped together with
http://wpspeak.com/landing-page-template/
http://www.carriedils.com/genesis-enews-extended-mailchimp/I left out the fixed footer that was on my link but otherwise managed to create a basic landing page with text and email forms.
Thanks again, Brad.September 8, 2014 at 7:47 pm in reply to: Create email opt-in landing page using Genesis sample theme #123500Eva LimMemberThanks Brad. Are there any articles you could point me to? Would it be something like this: http://journalxtra.com/easyguides/how-to-create-genesis-page-template-widgets/ ?
Eva LimMemberHi Andrea, thank you so much. I followed the above instructions and it works.
August 20, 2014 at 12:02 am in reply to: PROSE – How to get Google Font to appear in font-selection dropdown #119949Eva LimMemberThanks Jan. I tried the exact code in the article as well as my modified code below, but the font/s don't show up in the font-selection dropdown. FYI I'm using Prose v1.5.2
/** Enqueue Google fonts */
add_action( 'wp_enqueue_scripts', 'lms_load_google_fonts' );
function lms_load_google_fonts() {
wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:300,300italic|Montserrat:400|Quicksand:300', array(), CHILD_THEME_VERSION );
}add_filter( 'prose_font_family_options', 'custom_prose_font_family_options' );
function custom_prose_font_family_options($options) {
$options[] = array( 'Montserrat', "Montserrat, 'Andale Mono WT', 'Andale Mono',
'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono',
'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco,
'Courier New', Courier, monospace" );
return $options;
}As well as
add_filter( 'prose_font_family_options', 'custom_prose_font_family_options' );
function custom_prose_font_family_options($options) {
$options[] = array( 'Montserrat', "Montserrat, monospace" );
return $options;
}Any ideas, anyone? Thanks.
August 18, 2014 at 12:06 am in reply to: Genesis Sample Theme : How to add (Font Awesome) icon font next to search bar #119462Eva LimMemberHi Jan, thanks for your feedback. So I tried the code here: http://sridharkatakam.com/adding-search-form-input-button-icon-inside-input-box-genesis/
And it works perfectly for an FontAwesome icon font.However - how do I get the icon font to appear OUTSIDE the input box, and not inside?
I've tried playing around with the position and right/left values, but the icon font is not visible as soon as it's outside the input box. Any help is much appreciated, thanks!
Eva LimMemberGosh, guess I was over thinking lol.. Thanks I'll try CSS.
Eva LimMemberOK found them :
Inside your WP install, go to the wp-content/uploads/prose/custom.php file…
Eva LimMemberThanks Jan.
No, I didn't make any changes to the calendar, at least not to my knowledge.
Anyways, I've managed to remove the last row with the code below:/** Remove last row from calendar */
#wp-calendar #prev,
#wp-calendar #next,
#wp-calendar tfoot td.pad {
background: none;
} -
AuthorPosts