ruandre

Forum Replies Created

Viewing 5 replies - 16 through 20 (of 20 total)
1 2
  • Forum: Themes and Templates
    In reply to: Change color of link button
    ruandre

    (@ruandre)

    11 years, 2 months ago

    You can quickly and easily change their color by adding the code below to the bottom of your style.css file.

    .btn-success {
    background-color: #068DCF !important;
    background-image: none !important;
}
.btn-success:hover {
    background-color: #056FA4 !important;
    background-image: none !important;
}

    It’s best to do this using a child theme though, see: http://codex.wordpress.org/Child_Themes

    Forum: Themes and Templates
    In reply to: Roll overs/ mouse overs
    ruandre

    (@ruandre)

    11 years, 2 months ago

    Add these styles to the bottom of your style.css file.

    /* Add menu underline on mouse-over: */

.main-navigation ul > li > a {
    border-bottom: 1px solid transparent;
    position: relative;
    top: 1px
    }
.main-navigation ul > li > a:hover {
    border-bottom: 1px solid #e14546
    }

/* Zoom and darken images on hover for portfolio page: */

.entry-content a {
    display: inline-block;
    position: relative;
    overflow: hidden
    }
.entry-content a img {
    display: block;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
    }
.entry-content a:hover img {
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
    }
.entry-content a:after {
    content: " ";
    background: rgba(0, 0, 0, 0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
    }
.entry-content a:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
    }

    To make substantial changes to the theme (like having the text appear on top of the images) you have to edit some PHP, sorry.

    Edit: It’s best to use a child theme and paste the above code into its style.css file instead, this way you won’t lose any changes if the theme is updated. See this link for more info http://codex.wordpress.org/Child_Themes

    Forum: Themes and Templates
    In reply to: [Twenty Fifteen] Secure mailto links in Social Links Menu
    ruandre

    (@ruandre)

    11 years, 2 months ago

    I whipped up a little function that’ll take care of this for you automagically 🙂

    Just drop it inside your functions.php file or use it as a plugin:

    <?php

/**
 * Protect email addresses in WordPress menu.
 */
if ( ! function_exists( 'protect_menu_email_address_links' ) ) {
	function protect_menu_email_address_links( $link ) {

		$href = $link['href'];

		// If the link starts with mailto i.e. is an email link:
		if ( $href && preg_match( '/^mailto/i', $href ) ) {

			// Replace it with a "protected" version:
			$href = preg_replace( '/^mailto:(.*)/i', '$1', $href );
			$href = 'mailto:' . antispambot( $href, 1 );

			$link['href'] = $href;
		}

		return $link;
	}
	add_filter( 'nav_menu_link_attributes', 'protect_menu_email_address_links' );
}

?>
    Forum: Themes and Templates
    In reply to: [Moesia] Removing Menu
    ruandre

    (@ruandre)

    11 years, 2 months ago

    I haven’t used it myself but it seems like this plugin offers the functionality you’re after: https://wordpress.org/plugins/context-manager/

    Forum: Themes and Templates
    In reply to: Apply css to page and post title
    ruandre

    (@ruandre)

    11 years, 2 months ago

    Try:

    .vc_custom_heading h2 { color: red !important; }

    It looks like Visual Composer adds inline styles, so you’ll have to use !important to override them. If you’re using Firefox or Chrome then you can simply right-click on any page element and select Inspect Element to find the selector you’d like to style.

Viewing 5 replies - 16 through 20 (of 20 total)
1 2