Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #19440

    Hi! This is my first time creating siteş So could you please help me

    İ’d like to make all the dark background (using dark-skin) more transparent. about 70%

    How is it possible?

    Thank you in advance!



    an one more question

    the site is

    how could i make the PORTFOLIO dropdown submenuesgo straight to the samenamed galleries from the page

    because now it is two different galleries with the same galleries

    Thank you!


    Hi Inna,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget{
    background: rgba(17, 17, 17, 0.7);

    Note: RGBA isn’t fully supported across all browsers (specifically IE which always has issues with transparency effects). So don’t expect this to work for some older browsers.

    Looking at your custom.css file as is, it has the entire style.css in it. You should first remove that and then replace it with the original custom.css file that comes with the theme. Then you can just add any NEW css you are using. Otherwise you are adding a lot of un-needed extra loading into every view of the site.

    For the menu issues, it looks like the portfolio sub menu items already go directly to the individual portfolio item pages.




    Thank you, Devin

    adding the css to the quick css make no changes. Does this code regulates for the transparency?

    For the menu issue, you could see it is different paths and galleries first for the submenu, another one for the galleries. the galleries also are different, but I need it the same, not loading the same pictures twice.

    Or maybe I could use the pictures already loaded for the second gallery. but I can’t understand the way.

    Thank you!


    1) If you want to use the quick css field (instead of css/custom.css) you probably need to add an !important tag to the code like:

    .box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget{
    background: rgba(17, 17, 17, 0.7) !important;

    2) You can build a custom menu by using the menu manager (Appearance > Menus). Go to this page and you’ll see an option field on the left side with the caption/headline “Portfolio Items”). Select the items you want to add to the sub menu and click on the “Add to Menu” button. Afterwards reorder them and save the menu. If you can’t find such an option field click on the “Screen Options” tab at the top right corner to select additional option fields for the admin page.


    Oh! thank you so much!!! for the help and patience!

    but the rest of the problem with transparency is that the font background color like Copyright or Image number is still dark,but not transparent

    Is it possible to change it?

    Thank you!



    Hi Inna,

    This will control the transparency

    #top .box, #top .blog-meta, #top .arrowslidecontrolls_fullscreen, #top .hide_content_wrap a, #top .img_count, #top .slide_thumbnails, #top .widget {
    background: rgba(17, 17, 17, 0.58) !important;

    The last number 0.58 is the level of transparency with 0 being invisible and 1 fully visible. Each comma in the first line separates a different element of the page, so you may not want all of them to become transparent, and they are just grouped like that for convenience, and can be broken apart like this individually:

    #top .box {
    background: rgba(17, 17, 17, 0.58) !important;

    (edit) I just noticed I pasted the same code as Dude above, and you can use his, while controlling that .7 in his code, which is the transparency.



Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘layout transparency’ is closed to new replies.