Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #155394
    Rashida
    Participant

    Hi There,

    I am using “Clean Portfolio Theme” and I need guidance in few things. I would really appreciate your help.

    1: I see “Portfolio” display option in “Theme Options – Customize”. How can I display the work? I mean, where am I supposed to make the pages/post so I can select the Portfolios in this option?

    2: What size is the Header banner supposed to be on the Homepage?

    3: Whenever I click on any section of the website to “Inspect” – it shows only one class “Overlay” and because of this am unable to find the class to change the CSS. Kindly advise on this please.

    For reference: http://www.rhweb.ca/

    Thanks & Regards,
    Rashida H.

    #155419
    sapana
    Participant

    @rashida:/*For Portfolio*/
    Feature to select page/post option in portfolio is only available in Pro version. I suggest you to upgrade to Pro. You can also check out the additional-features available in pro version of the theme.

    /*Header banner Size*/
    Custom Header banner should be Width: 1920px Height: 1080px. You can also check out ourtheme instruction for other more information.

    -For better inspect I suggest you to use the Developer edition-Mozilla Firefox.

    let me know if this helps you out! and Please post your site URL too..
    Kind Regards,
    Sapana

    #155475
    Rashida
    Participant

    Hi,

    I downloaded the Developer edition – Mozilla Firefox as well. Still its giving me the same “overlay” in Inspect – anywhere I click on the page.

    Can you look into it please? I really like this theme and would like to use this one only for my Portfolio.

    The website url is: http://www.rhweb.ca/

    Thanks.
    Rashida H.

    #155500
    sapana
    Participant

    @rashida:Can you please send me screenshot of your site how it is showing up and where exactly the issue is located.

    Kind Regards
    Sapana

    #155656
    Rashida
    Participant

    Hi Sapana,

    Attached are the screenshots.

    https://screenshots.firefox.com/GAEaX3XbYTT0ZopY/www.rhweb.ca
    https://screenshots.firefox.com/asA2Y1xBknj8meUN/www.rhweb.ca

    I tried clicking on these part of the page and I ended up getting this CSS properties.

    .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    z-index: 10;
    }

    I apologize – I couldn’t get screenshot for the above code. But once you will “Inspect” – you will get the entire codings.

    Kindly advise.

    Thanks & Regards,
    Rashida H.

    #155693
    Skandha
    Participant

    @rashida: I don’t really think this is an issue. You seem to have added the CSS code in you Additional CSS.
    Since whole page below the header is overlay you get overlay when you inspect anywhere below the header area.

    Let me know what changes you would like to be made and I will provide you the CSS Code.
    I hope this helps you out!
    Kind Regards,
    Skandha

    #155717
    robertrex
    Participant

    I viewed the demo version of Clean Portfolio Theme which is an attractive them ever for showcasing portfolios in the web design industry. I have a question regarding the theme. How Can we linkedin endorsement reviews on website ?

    #155754
    Skandha
    Participant

    @robertrex: For this you will need to find a suitable plugin from the WordPress Plugin repository.

    Let me know if this help you out!
    Kind Regards,
    Skandha

    #155817
    Rashida
    Participant

    Hi Skandha,

    Thanks for responding! I so appreciate it.
    I need help with the following:

    https://screenshots.firefox.com/9uB2PkzHpxQ37DkI/www.rhweb.ca
    1: I want to decrease this space btw the breadcrumb area and the blue box.

    https://screenshots.firefox.com/3p91DEj601vYiJV8/www.rhweb.ca
    1: I want to shift this “send box” in the right.

    https://screenshots.firefox.com/hxvYmjx56Tj8zXI8/www.rhweb.ca
    1: How can I change the outline color of the writing field.

    https://screenshots.firefox.com/MCxinXoFrwBgkeMs/www.rhweb.ca
    1: How can I reduce the padding bottom and top?
    2: How can I change the background color?

    https://screenshots.firefox.com/aSGli5sqTfS3r9Vs/www.rhweb.ca
    1: When I hover the name; the line appears (underline) – how can I remove that?
    2: How can I increase the font-size of the site title?

    I would really appreciate your help!

    Thanks & Regards,
    Rashida H.

    #155858
    Skandha
    Participant

    @rashida: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To decrease this space between the breadcrumb area and the blue box. */
    #content .entry-container {
    	padding-top:0 !important;
    }
    
    /* To shift send button to right */
    .wpcf7-form-control.wpcf7-submit {
    	float:right;
    }
    
    /* To change the outline color of the writing field */
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    	border-color:red;
    }
    
    /* To reduce the padding bottom and top and change background color */
    #tertiary {
            padding:0;
            background:#127612;
    }
    
    /* To increase of font-size of site title and remove underline on hover
    .site-title a:hover, .site-title a:focus {
    	text-decoration:none;
    }
    .site-title a {
    	font-size:25px;
    }

    You can change the color according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #155940
    Rashida
    Participant

    Hi Skandha,

    Thanks so much for the code. It helped 🙂

    Can you help me a little more please?

    https://screenshots.firefox.com/cKerOukTLb5M9B5T/www.rhweb.ca
    1: How can I fix this border lines?

    https://screenshots.firefox.com/zmuHD00i0utJ0ksL/www.rhweb.ca
    1: How can I lessen this white space?

    https://screenshots.firefox.com/RgAIh5nyGEBta95A/www.rhweb.ca
    1: How can I enlarge this button?

    https://screenshots.firefox.com/5UQxtFRhHydJ16cM/www.rhweb.ca
    1: How can I make the rest of the text fields also like the “message” one?

    Thanks & Regards,
    Rashida H.

    #156131
    Rashida
    Participant

    Hi again,

    Hope, you’re doing well.

    I have 2 more questions..

    1: For some reason, my contact form (contact form 7 plugin) isn’t working in this theme. I can’t type in the text fields. I spoke with the plugin support – they said, the issue is with the theme. Kindly advise.
    Page URL: http://www.rhweb.ca/contact/

    2: The header banner has an overlay. How can I remove it?

    Thanks!
    Rashida H.

    #156149
    sapana
    Participant

    @rashida:Go to => Appearance=> Customize=> Additional CSS and add the following code
    /*To remove the border lines*/

    .site-header-main {
        border-bottom: none;
    }

    /*To lesson the white space*/

    .site-footer {
        margin-top:0px;
    }

    /*To enlarge the button*/

    body.kc-css-system .kc-css-377190 .kc_button {
    height:50px;
    width:200px;
    font-size:25px;
    text-align:center
    }

    /* To make other field like message box*/

    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
        height: 250px;
        width: 600px;
    }

    Let me know if this solve your issue.

    Kind Regards,
    Sapana

    #156152
    sapana
    Participant

    @rashida:/* To remove the overlay*/
    Go to => Appearance=> Customize=> Additional CSS and add the following code

    .overlay{
    display:none;
    }

    Let me know if this works out!

    Kind Regards
    Sapana

    #156232
    Rashida
    Participant

    Hi there,

    Thank you for all the help. It worked.

    I need help with 2 more things..please!

    https://screenshots.firefox.com/MZqmFIECvBNSBaIA/www.rhweb.ca
    1: How can I align this vertical line?

    https://screenshots.firefox.com/qXBvSFUjBfcysvmC/www.rhweb.ca
    1: How can I change the hover of this button?

    Thanks & Regards,
    Rashida H.

    #156280
    Skandha
    Participant

    @rashida: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To align the vertical line */
    .site-title {
    	height:111px;
    }
    /* To change hover color of the Send Button */
    .wpcf7-form-control.wpcf7-submit:hover {
    	background:red;
    }

    Let me know if this is what you want.
    Kind Regards,
    Skandha

    #156310
    henlyreeves25
    Participant

    Amazing theme.. Clean and attractive. I am thinking about using this theme for a car rental agency. Does it suits..
    Please share your thoughts.

    #156383
    Skandha
    Participant

    @henlyreeves25: If you like the design of the theme you should go for it. You can check out Clean Portfolio Pro.
    Here are the additional-features available in pro version of the theme.

    Kind Regards,
    Skandha

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Clean Portfolio Theme – Quick Guidance Needed’ is closed to new replies.