Tagged: 

Viewing 20 posts - 1 through 20 (of 24 total)
  • Author
    Posts
  • #6726
    standardman
    Member

    Can you please help me on making transparent background.   Like this example :

     

    http://WWW.HAJZEE.COM

     

     

    Thanks

    #6753
    Sakin
    Keymaster

    @standardman: You can add background from Appearance => Background.

    #6876
    standardman
    Member

    dear ,

     

    I am speakin about the opacity (transparency) of the box which contains the body ..

     

    hope this makes it clear bhaai

    #6897
    Sakin
    Keymaster

    @standardman: No I don’t get it. Can you just show me by uploading the image of what you want. Them paste the image link here.

    #6900
    standardman
    Member

    look at this site

     

    http://buture.blogspot.com/

    #6902
    Sakin
    Keymaster

    @standardman: I understand but that is not the opacity. they uploaded the transparent background in .png format

    You can also add like that by adding following css in your “Custom CSS” box in Theme Options pane.

    #page { background-color: transparent; }
    #main { background: url("//www.blogblog.com/1kt/transparent/white80.png") repeat scroll left top transparent; }

    But upload the image in your own site and add in.

    #6905
    standardman
    Member

    ok it works , thanks for the great theme and great support . I have some questions please

     

    1-can you please advise how can I modify header and footer as well ..

    2- I need in the header to put My logo on the left , and write some text next to it . the text now appears below the logo and in small size.

    3-  how do I hide tags of all posts (making them white for example), and hide the title of page which page id = 43 .

     

     

    I wish you the success and I will recommend this theme ..

    #6921
    Sakin
    Keymaster

    You can do same for header and footer.
    #branding, #site-generator { background: url("http://www.hajzee.com/wp-content/uploads/white80.png") repeat scroll left top transparent; }

    Yes in Catch Box text appears below the logo. Why don’t you just make the logo with the text and problem solved.

    Hide the post meta like tags and categories.
    footer.entry-meta { display: none; }

    #6932
    standardman
    Member

    thank u .. shukriyaa bhaayyaaa

    #17748
    rbrt_bene
    Member

    Hy Sakin,

    I have a similar question, Is there a way to make the content background, header and footer to have opacity of 0.8 for example? But doing that without uploading any picture, with CSS code?

    I would need that for this website: http://www.biorg.ro/wordpress

    I need basically the black background to be slightly transparent.

    Thank you in advance,

    Robert

    #17763
    Sakin
    Keymaster

    @rbrt_bene: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    .site { background-color: transparent; }
    /* For Header */
    #masthead { background: rgba(0, 0, 0, 0.7); }
    /* For Main */
    #main { background: rgba(0, 0, 0, 0.7); }
    /* For Footer */
    #site-generator { background: rgba(0, 0, 0, 0.7); }
    #17764
    rbrt_bene
    Member

    Dear Sakin,

    Thanks for your feedback. It works fine for header and footer area but for the main area you gave me the same code as for the header. Can you make an update please?

    Thanks,

    Robert

    #17791
    Sakin
    Keymaster

    @rbrt_bene: I have just correct the code. Please check in.

    #17815
    rbrt_bene
    Member

    It works perfectly.

    Thank you for your support.

    Robert

    #31175
    Ryan415
    Member

    Sakin

    I am using this custom css for transparency on my site:

    http://rockymountainbrushcompany.com/

    .site { background-color: transparent; }
    /* For Main */
    #main { background: rgba(0, 0, 0, 0.7); }

    Its working fine for the most part but I would like it so only the “featured content” area is transparent.

    Currently, the featured content is transparent but the small area below the menu and above the homepage headline is only showing the background image, and I would like that small area to be dark brown like the far right and let sides of the webpage.

    I am also wondering why the logo becomes slightly transparent when hovering the mouse over it.

    One more question:

    How can I go about changing the font type and color for the featured content section?

    Thanks

    Ryan

    #31176
    Ryan415
    Member

    One more question:

    The featured content images, they are not evenly placed on the featured content.
    The image on the left is very close to the edge while the image on the right is further from the edge. How can I adjust the location of the featured content images so that they all are placed evenly on the page?

    Thanks

    Ryan

    #31232
    Sakin
    Keymaster

    @Ryan415: You can add the following css.

    /* For Transparent Background */
    .home #main { background-color: transparent; }
    /* For Center Image */
    #featured-post .wp-post-image { margin: 0 auto; }
    #31244
    Ryan415
    Member

    Hi Sakin

    The “center image” custom css works well however the transparent css didnt.
    I would like the area pointed to with the green arrows in the image to be the same “non transparent” brown as the sites logo. I want the main featured content area to remain transparent as it currently is.

    rocky_theme

    Also, for the centered images in the featured content area, when I hover my mouse over the area next to each image, I can click the actual image, do you know how I can make it so the image is only clickable when the mouse is placed directly over the image?

    Thanks

    Ryan

    #31283
    Sakin
    Keymaster

    Hi Ryan,

    For transparent then try the following css.
    .home #main { background: none transparent; }

    The one with the arrow cannot be made made brown if you want to make other transparent. As this is margin top of Homepage Message. You can remove that by adding the following css.
    #homepage-message { margin-top: 0; }

    #45721
    valenza79
    Member

    Hi,
    I have the same issue regarding the sidebar opacity by using :

    background-color: transparent;
    opacity: 0.2;filter:alpha(opacity=20);

    But it is the contents in the sidebar which are in alpha 20%
    Is anyone could help me please? Thank you very much for your support.

    Here is the CSS code :

    #sidebar {
    float: right;
    width: 360px;
    overflow:hidden;
    padding-top: 0px;
    margin-left:-1px;
    background-color: transparent;
    opacity: 0.2;filter:alpha(opacity=20);
    }

    #sidebar .widget {
    margin:0 0 2px;
    padding:0 15px 15px;
    }

    #sidebar div:last-child {
    /*border-bottom:0 none;*/
    }

    .widget h3.title {
    color: #3f4247;
    margin: 0;
    font-family: Lato;
    margin:0 0 15px;
    font-size: 18px;
    font-weight: lighter;
    }

    .widget ul { clear: both; line-height: 1.7; }
    .widget ul li { list-style-type: none; }
    .widget ul ul { border-top: none; margin: 0; padding: 0; }
    .widget ul ul li { border: none; }
    .widget select {width:100%; }
    .widget #cat, .widget select {
    /*border: 1px solid #cdcfd4; */
    color: #333333;
    display: inline;
    float: left;
    line-height: 1.5;
    padding: 3px;
    width: 100%;
    margin:0 0 14px;
    font-size:12px;
    }
    .widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; }
    .side_ad { margin: 10px; }

Viewing 20 posts - 1 through 20 (of 24 total)
  • The topic ‘how to change background opacity?’ is closed to new replies.