Help with front page of Motif (transparent text box)

  • Unknown's avatar
    clucas9 · Member ·

    Hi there!

    I just launched this WordPress page http://memoriesto.wordpress.com and I haven’t used the Motif theme before. Is there a way to make the white content box on the front page transparent/translucent so you can see the photo underneath?

    I saw it on other Motif blogs but I can’t figure it out. Thank you so much!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hughrjmacdonald · Member ·

    Hi,

    I am looking for help with the same issue as clucas9.

    I would like to make the white context box used in the front page template translucent or transparent so that the image underneath can be seen.

    The blog I want help with is dalidakis.newmediamogul.net

    Could someone with expertise please help?

  • Unknown's avatar
    hafizr · Member ·

    Hi there,

    If you have the Custom Design upgrade, you can use the following custom CSS to add transparency to the text box: 

    .front-page-content-area .with-featured-image .hentry {
	background: rgba(255, 255, 255, 0.8);
}

    The important number here is the ‘0.8’ part, you can change it to a number between 0-1 to alter the transparency (0 being invisible and 1 being completely visible and non-transparent).

  • Unknown's avatar
    hughrjmacdonald · Member ·

    Hi hafizr,

    Thanks very much for getting back to me.

    I’m using a standalone WordPress install.

    I’ve modified style.css as you suggested but nothing changes.

    Any idea what I’m doing wrong?

  • kathrynwp · Staff ·

    hughrjmacdonald – this forum is for help with sites hosted on WordPress.com. For help with self-hosted sites, please post here and be sure to provide a link to your site:

    http://wordpress.org/support/forum/themes-and-templates

    You’ll need a free WordPress.org account to post – if you don’t already have one, you can register here:

    https://wordpress.org/support/register.php

    I’ve modified style.css as you suggested but nothing changes.

    Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

  • The topic ‘Help with front page of Motif (transparent text box)’ is closed to new replies.