Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #270685
    Admin2019
    Participant

    Hi team and a happy New year to you.

    I have updated my website and am using your Fotografie theme but it is leading to some issues.

    My page is a portfolio page (www.cathalocuaig.com).

    I will break the issues up into different tickets.

    1. I would like the biographical text that is in the footer to be at the top of the page, above the portfolio. The only way I can get the text up there is by putting it into the “Tagline” section of the site identity. However, that capitalises all the text. How can I have the Tagline as a rich text that allows Bold, etc?

    #270744
    Skandha
    Keymaster

    @admin2019: Hello there,
    Can you please clarify which text you are referring to on your site as biographical text? I am not able to understand the issue you are having.

    Kind Regards,
    Skandha

    #270789
    Admin2019
    Participant

    Hi Skandha,

    thanks for your reply. I think we are on different time zones. I have made changes since I wrote to you. However, I couldn’t delete the tickets that I had generated. Yesterday I found some solutions by trawling previous tickets by other people. Some worked. I have also made some changes you suggested. Thanks.

    What I am trying to create with your template is a simple portfolio page. I think it would also be attractive for other creators like me if I can get it to work. What I would like is to have one landing page which show both my biography at the top, followed by my portfolio followed by a contact page. I like the dark theme idea and find it works great for film projects in a portfolio. In order to show you what I am trying to do – I created it in Photoshop. I am attaching the photo here:

    https://postimg.cc/ppRbJKj3

    Here are the outstanding issues in trying to make this happen:

    1. On the homepage (my portfolio page) – http://www.cathalocuaig.com

    How can I turn all the text into white against a black background?

    2. On the homepage (my portfolio page) – http://www.cathalocuaig.com

    On one of the portfolio items “FAOI SCÁTH A CHÉILE”, when looking on an iPad, some of the text is missing.

    Is it possible to reduce the size of the font across all of the portfolio items?

    3. At the bottom of my homepage (my portfolio page) – http://www.cathalocuaig.com

    there is a lot of padding between the list of portfolio items and the contact form. Can this be reduced in CSS?

    4. On your demo, it says “Show Titles on Hover”. How can I make that happen? As in to have the text over the image in the portfolio page and have it change colour/zoom on hover?

    5. Could I have my biography and showreel above the portfolio instead of on another page (http://cathalocuaig.com/about/)

    6. Is there a way to change the text colour and the background color on each of the different project pages such as this:
    http://cathalocuaig.com/portfolio/slan-leis-an-gceol-farewell-to-music/

    Instead of a white page with black text, can I change it to a black page with white text?

    7. Can I have more than 12 projects visible in the Portfolio Page?

    8. There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.

    https://postimg.cc/hhLpsT4W.

    Many thanks Skandha.

    Cathal.

    #270952
    Skandha
    Keymaster

    @admin2019: Hello Cathal,

    1. To change the Portfolio title color to white and background to black

    .portfolio-entry-header {
        background-color: #000;
    }
    .portfolio-entry-header .entry-title a {
        color: #fff;
    }

    2. Can you please attach a screenshot of the issue on iPad?

    3. To remove the below the Portfolio posts on homepage
    .home .wrapper.singular-section {
    display: none;
    }

    4. Please let me know what you would like to change on hover.

    5. For that
    Go to => Appearance => Customize => Theme Options => Hero Content Option => Enable the section => Select Type as Page and Select the About page and Publish.

    6. To change the text color and background http://cathalocuaig.com/portfolio/slan-leis-an-gceol-farewell-to-music/

    .postid-52081 .site-inner {
        background-color: #123456;
    }
    .postid-52081 .site-inner #content * {
    	color: #f23456;
    }

    7. I am afraid that is not possible.

    8. Do you want to remove that?

    Let me know if this works out!
    Kind Regards,
    Skandha

    #271032
    Admin2019
    Participant

    Hi Skandha

    Thank you so much for all your replies. I’m very happy to say that most worked perfectly. Here are the outstanding issues I am having:

    1. On the homepage (my portfolio page) – http://www.cathalocuaig.com

    On one of the portfolio items “FAOI SCÁTH A CHÉILE”, when looking on an iPad, some of the text is missing. It is the top left project image.
    You can see it here as it appears on the iPad.

    https://postimg.cc/4Ybq8jqV

    2. On the homepage (my portfolio page) – http://www.cathalocuaig.com

    Can I change the size of all the text that appear under the images? I have managed to change then from black into white but not reduce the size.

    3. At the bottom of my homepage (my portfolio page) – http://www.cathalocuaig.com

    there is a lot of padding between the list of portfolio items and the contact form. Can this be reduced in CSS?

    4. On my homepage (my portfolio page) – http://www.cathalocuaig.com
    Can I create a “darken & zoom” effect when the cursor hovers above the images in my portfolio? Like the effect on this page: https://www.ronniequinlan.com/work

    5. On the ABOUT ME page: http://cathalocuaig.com/about/
    Can I make it a black background and white text please?

    6. PROJECTS PAGE
    There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.
    https://postimg.cc/hhLpsT4W.
    Can I remove this and only have the portfolio page?

    7. HERO CONTENT OPTION
    Finally. Is there a way to have the “Hero Content” page appear at the top rather than below my portfolio. In order to show you what I am trying to do – I created it in Photoshop. I am attaching the photo here:
    https://postimg.cc/ppRbJKj3

    I would like the visitor to see my biography and showreel, above my portfolio.

    Many thanks Skandha.

    #271215
    Skandha
    Keymaster

    @admin2019: Hello Cathal,

    1. & 2.

    .portfolio-entry-header .entry-title a {
        font-size: 19px;
    }

    You can change the font size according to your choice.

    3.

    .home .wrapper.singular-section {
        display: none;
    }

    5.

    .page-id-52180 .site-inner {
        bacground-color: #000;
    }

    6.

    .post-type-archive-jetpack-portfolio .page-header, .post-type-archive-jetpack-portfolio .breadcrumb-area {
        display: none;
    }

    7. For that you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

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

    #271288
    Admin2019
    Participant

    Hi Skandha,

    thanks for the tips. some didn’t work however:

    5. On the ABOUT ME page: http://cathalocuaig.com/about/
    Can I make it a black background and white text please?

    I tried this but it didn’t change it (I see there was a missing “k” in background, but it still doesn’t work).

    .page-id-52180 .site-inner {
    bacground-color: #000;
    }

    6. PROJECTS PAGE
    There is a “PROJECTS” page that appears if I click into one of my projects and then at the top there is a link in the hierarchy to a projects page. I don’t have a url as it is the same as the home page. I am attaching a screen grab for you.
    https://postimg.cc/hhLpsT4W.
    Can I remove this and only have the portfolio page?

    I put this into CSS but no good:

    .post-type-archive-jetpack-portfolio .page-header, .post-type-archive-jetpack-portfolio .breadcrumb-area {
    display: none;
    }

    Here is a screen grab – you can still see the projects page:

    https://jpst.it/2ov-y

    7. For that you will need to create a child theme and do a little bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer to get it done.

    I am willing to try the customisation. How much code does it involve?

    Many thanks

    #271506
    Skandha
    Keymaster

    @admin2019: Hello Cathal,

    5. I see that the background has changed to black in About page.
    To change text to white use the following CSS Code.
    .page-id-52180 .site-inner * {
    color: #fff;
    }

    6. I checked your site and this issue seems to have been solved.

    7. First you will need to create a child theme.
    To create a child theme you can use our plugin Generate Child Theme.

    Install and Activate the plugin.
    Then,
    Go to => Dashboard => Generate Child Theme => Select Parent Theme as Fotografie and fill in remaining fields and Click on Generate.

    This will create and activate the child theme.

    Copy the file header.php from your parent theme folder to the child theme folder.

    Edit that file and swap the code lines 50 & 52 with each other.
    Now, the hero content should show up before the portfolio section.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #271511
    Admin2019
    Participant

    Hi Skandha,
    thanks for the the tips.

    However, they are still not working.

    5. The background has not changed to black in About page – only the text box has changed to black.

    6. PROJECTS PAGE
    There is a “PROJECTS” page still appears if I click into one of my projects. I am attaching a screen grab for you.
    https://postimg.cc/hhLpsT4W.

    If you select the the text at the top the page you will see it. It is not very visible because of the color but it is still there.

    Can I remove this and only have the portfolio page?

    7. I will attempt the child theme now.

    Many thanks.

    #271522
    Admin2019
    Participant

    Hi Skandha,

    So I created the Child Theme and made the changes you suggested. However, the problems remain.

    1.

    I cannot get the Hero Content (My short biography and showreel) appear above the Portfolio section.
    Screenshot attached:
    https://justpaste.it/5268l

    2.

    Also, although the text is white on a black background on the about page (http://cathalocuaig.com/about/) it does not appear as white on black on the main page (http://cathalocuaig.com/).

    3.

    You can still see, when you “select all” that there is a projects page in the hierarchy of each project page.
    Screenshot attached:

    https://justpaste.it/2wqu4

    I will send you the header.php code as I have entered it and also the Additional CSS code now.

    #271523
    Admin2019
    Participant

    This is the Additional CSS:

    #site-navigation a {
    font-size: 20px;
    }
    .site-search, .mobile-search-wrapper {
    display: none !important;
    }
    .blog .custom-header {
    display: none;
    }
    .navigation-classic .main-navigation ul ul {
    background-color: #000;
    }
    .no-results {
    display:none;
    }
    #masthead .site-search,
    body.page .entry-title
    {
    display: none;
    }
    .site-description { font-size: 25px; }
    .portfolio-entry-header {
    height: 50px !important;
    }
    .portfolio-wrapper .portfolio-entry-header {
    padding: 10px !important;
    }
    .menu-toggle-wrapper {
    display: none;
    }
    #site-navigation a {
    text-align: center;
    }
    .main-navigation ul {
    display: block;
    }
    .home .wrapper.singular-section {
    display: none;
    }
    .postid-52081 .site-inner {
    background-color: #000;
    }
    .postid-52081 .site-inner #content * {
    color: #fff;
    }
    .postid-52093 .site-inner {
    background-color: #000;
    }
    .postid-52093 .site-inner #content * {
    color: #fff;
    }
    .postid-52081 .site-inner #content * {
    color: #fff;
    }
    .postid-52087 .site-inner {
    background-color: #000;
    }
    .postid-52087 .site-inner #content * {
    color: #fff;
    }
    .postid-52084 .site-inner {
    background-color: #000;
    }
    .postid-52084 .site-inner #content * {
    color: #fff;
    }
    .postid-52061 .site-inner {
    background-color: #000;
    }
    .postid-52061 .site-inner #content * {
    color: #fff;
    }
    .postid-52090 .site-inner {
    background-color: #000;
    }
    .postid-52090 .site-inner #content * {
    color: #fff;
    }
    .postid-52056 .site-inner {
    background-color: #000;
    }
    .postid-52056 .site-inner #content * {
    color: #fff;
    }
    .postid-52076 .site-inner {
    background-color: #000;
    }
    .postid-52076 .site-inner #content * {
    color: #fff;
    }
    .postid-52097 .site-inner {
    background-color: #000;
    }
    .postid-52097 .site-inner #content * {
    color: #fff;
    }
    .postid-52092 .site-inner {
    background-color: #000;
    }
    .postid-52092 .site-inner #content * {
    color: #fff;
    }
    .postid-52098 .site-inner {
    background-color: #000;
    }
    .postid-52098 .site-inner #content * {
    color: #fff;
    }
    .postid-52065 .site-inner {
    background-color: #000;
    }
    .postid-52065 .site-inner #content * {
    color: #fff;
    }
    .portfolio-entry-header {
    background-color: #000;
    }
    .portfolio-entry-header .entry-title a {
    color: #fff;
    }
    #site-navigation a {
    font-size: 16px;
    }
    .site-title {
    font-size: 29px;
    }
    .wpforms-container.wpf-center {
    margin: 0 auto !important;
    max-width: 500px;
    }
    .portfolio-entry-header .entry-title a {
    font-size: 16px;
    }
    .home .wrapper.singular-section {
    display: none;
    }
    .post-type-archive-jetpack-portfolio .page-header, .post-type-archive-jetpack-portfolio .breadcrumb-area {
    display: none;
    }
    .page-id-52180 .site-inner * {
    color: #fff;
    }
    .page-id-52180 .site-inner {
    background-color: #000;
    }

    #271613
    Admin2019
    Participant

    test

    #271614
    Skandha
    Keymaster

    @admin2019: Hello Cathal,

    5. Add the following CSS Code.

    .page-id-52180 #page {
        background-color: #000;
    }

    6. This is how the http://cathalocuaig.com/portfolio/ shows up at my end. Check out the screenshot.

    7. Regarding the child theme. Is the child theme activated on your site?
    I will need to look into your site to debug the issue. I have sent you an email. Please check your inbox as well as the spam folder.

    Kind Regards,
    Skandha

    #271628
    Admin2019
    Participant

    Hi Skandha,

    6. When you go to http://cathalocuaig.com/portfolio/

    and “Select All” on the page – it will then highlight what I am referring to. It is black text on a black background – so not visible, but the links are active at the top of the page.

    You can see it here in the screen grab – when I “Select All”

    https://justpaste.it/7znbl

    #271719
    Skandha
    Keymaster

    @admin2019: Hello Cathal,

    6. I don’t see the issue that you mentioned. There is no text that is not visible.
    Check out the screenshot.

    Kind Regards,
    Skandha

    #271756
    Admin2019
    Participant

    Dear Skandha,

    I have found some CSS code on the forum pages and one of them fixed my text color issue.

    I only have three very small outstanding issues with the theme.

    1. When I open http://www.cathalocuaig.com on a web browser on a laptop, the showreel video is not centred.

    2. Also, can I reduce the padding around the text & video box in the hero content on http://www.cathalocuaig.com ? As you can see there is a huge amount of padding and it really looks bad on the iPad especially.

    I have attached a screen grab for you here:

    https://justpaste.it/9f4fr

    3. When you go to any of my project pages, such as:

    https://cathalocuaig.com/portfolio/farewell-to-music/
    https://cathalocuaig.com/portfolio/sisters-of-science/
    https://cathalocuaig.com/portfolio/scream-burn/

    and you “Select All” (“Ctrl+A”) on the page – it will then highlight what I am referring to. It is black text on a black background – so not visible, but the links are active at the top of the page.

    You can see it here in the screen grab – when I “Select All”

    https://justpaste.it/7znbl

    Can you see it highlighted at the top?

    Many many thanks.

    Cathal.

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.