Okay
  Public Ticket #233018
Not able to change color themes on Portfolios
Closed

Comments

  • Orvar started the conversation

    Hi.

    I have been using your great theme and have started getting the hang of it. But when I am creating portfolios, I get two sections to work with, one for the content on the side and the other for the actual images. This works great but the upper part has no Visual Composer available so I don't have the ability to add a Row and set the background color and font theme color like I am used to.

    I went through your tickets and saw someone with a similar problem and you suggested a custom CSS:

    .page-header-no-bg, .container-wrap, .project-title{

    background-color:#111111;

    }

    This is great, it allows me to set the backgruond color, but the font theme color is still the same.

    So, what CSS can I use to change the font color theme too?

    And why does the upper section of the Portfolio project not have the Visual Composer?

    Attached is a screenshot.

  •  8,839
    Tahir replied

    Hey Orvar!

    The text section is to create sidebar based portfolio page. If you only want to use the visual composer you can set the portfolio item to Full width in the portfolio page meta options which would remove the text editor and then you can create a custom fullwidth portfolio page using the Visual Composer. 

    Cheers


    ThemeNectar Support Team 

  • Orvar replied

    I like the default portfolio setup with the info on the right side of the thumbnails. I would want to use it. I swap between black and white background depending on the images I'm using and all I want to be able to do is define 'Dark' or 'Light' text color for all the content depending on the background color. Right now all of them use 'Dark' because there is no way for me to change it. So is there a CSS I can add that will force it to use the 'Light' text color?

  •  8,839
    Tahir replied

    Hey Orvar!

    Can you please identify which text you exactly want to change color of so i can write up some custom css for it. 

    Thanks


    ThemeNectar Support Team 

  • Orvar replied

    Sure, Attached is a screenshot showing the Portfolio layout that I need to change background to black and text color to 'Light' using CSS.

    The way I usually change the background and text color for pages is through the 'Edit Row' settings. But for the portfolios, I don't have that Settings options, so I have been using CSS to change the background color, and now all I'm missing is the CSS to change the text color from 'Dark' to 'Light'.

  • Orvar replied

    I want to be able to change the color of the horizontal lines between the texts, and the vertical lines between the like / social icons

  •  8,839
    Tahir replied

    Hey Again!

    Add this into the Visual Composer Css button so the css shows on that page only:

    #sidebar * {
        color: #A0A0A0;
    }
    
    
    #sidebar .nectar-button.small span {
        color: #fff !important;
    }
    #sidebar i {
        color: #ddd !important;
    }
    
    
    


    ThemeNectar Support Team 

  • Orvar replied

    Thank you, this allows me to change all the texts, but I'm still missing the CSS to change the vertical and horizontal separation lines.

  •  8,839
    Tahir replied

    Sure,

    #sidebar * {
        border-color: #ff0 !important;
    }
    


    ThemeNectar Support Team 

  • Orvar replied

    Thank you very much Tahir.