I would like to see my background, opacity?

  • DaniBanani

    (@danibanani)


    10 years, 1 month ago

    Hello,

    I am working on my very first project, helping my aunti with a new website.
    For this project we used the theme Responsive. It’s not finished yet.

    I would like to know how to see the background trough the content.

    Can anyone help me with that? is there a plug-in which can help me?
    My knowledge of WordPress is zero.

    Thanks in advance,

    Dani

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter DaniBanani

    (@danibanani)

    10 years, 1 month ago

    maybe useful – the website is http://cosmosales.nl

    jruescher

    (@jruescher)

    10 years, 1 month ago

    open your theme’s style css and change following line

    EDIT: norally you find your style.css on your ftp folder in /wordpress/wp-content/themes/your_theme_name/style.css

    open this with a editor, even text editor is possible 🙂

    #featured {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding-bottom: 40px;
    width: 99.8936%;
    background-color: #FFF;
}

    to

    #featured {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    padding-bottom: 40px;
    width: 99.8936%;
    background-color: #FFF;
    background: rgba(255,255,255,0.7);
}

    The background-color: #FFF should stay, because IE 8 normally cant show background opacity..

    “0.7” ist the opacity.. 1 = full color

    hope that helps

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 1 month ago

    You might as well recommend doing that through a Custom CSS plugin, or check if the theme has a Custom CSS option, because I don’t think the OP is aware that those changes will be erased when the theme updates.

    Thread Starter DaniBanani

    (@danibanani)

    10 years, 1 month ago

    @jr,
    Thanks for your help.

    With the FTP of my host i’ve managed to find the ‘styles.css’ you were talking about. The problem was i only found this:

    /*
Theme Name: Responsive
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 1.9.5.2
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

    The code that i found is also editable and equal what i found with the editor in WordPress (Appearance – editor), or am I wrong?

    I paste your code in the end of this code shown above, but it didn’t change a thing. What should i do?

    @andrew Nevins
    Also thank you for helping me.
    I was reading it and found out if i change anything my saves will lost when there is an update. But would it keep my changes if i use the editor in WordPress? Or should i download a specific plug-in?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘I would like to see my background, opacity?’ is closed to new replies.