Okay
  Public Ticket #2912235
Logo Text
Closed

Comments

  • Karsten started the conversation

    Hi, I would like to change the size and color of the logo text but it seems that I can't locate the CSS code for it. Thank you!

  •  933
    Neuron replied

    Hi,

    You can change it by adding the following code at Appearance > Customize > Additional CSS.

    .wrapper header .logo a {
        color: black !important;
        font-size: 30px !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • Karsten replied

    Hello,

    Thank you so much! That worked very well.

    Another thing is, that I would like to have the previous/next page jump to the next category and not just flip through them within their categories. Is there a feature that I can activate for that?

    And apart from the "Page Heading" if I use "Text Block" to include text via WPBakery the text is not responsive and stays the same size regardless of desktop or mobile screen size. Is there a way to have the "Text Block" responsive as well?

    Kind regards,
    Karsten Spindler

  •  933
    Neuron replied

    Hi Karsten,

    1) Unfortunately, there's not an option that will allow you to do that, but you can check the following article on how to do that.

    https://wordpress.stackexchange.com/questions/149826/display-posts-from-the-same-category-using-next-previous-post-link

    2) You can change it by adding the following code at Appearance > Customize > Additional CSS or at Dashboard > Proton Options > General > Custom CSS.

    @media (max-width: 720px) {
        .wpb_text_column p {
            font-size: 16px !important;
        }
    }

    Feel free to ask for anything you need.

    Kind Regards


  • Karsten replied

    Hi,

    Thank you for the update. I will have a look into the article.

    2) Unfortunately the custom CSS is not working. I used the regular Textbox as well as the WP Text for it, but with both nothing is changing. I also had a look into the column settings and everything seems okay since I imported the modern demo version and building based on it.

    3) I would like to change the background color of the hamburger menu, because currently it is dark and with the header menu color the menu it is hardly visible.

    Kind regards,
    Karsten

  •  933
    Neuron replied

    Hi Karsten,

    Can you please provide me with your wp-admin, I will have a quick look to see what's going on, make sure to click on private reply.

    Feel free to ask for anything you need.

    Kind Regards


  •   Karsten replied privately
  •  933
    Neuron replied

    Hi Karsten,

    I am very sorry for the late reply, we were not working on the weekend.

    1) I've just fixed the code that I've sent you for the text block, so now the size changes for responsiveness.

    @media (max-width: 720px) {
         p {
            font-size: 16px !important;
        }
    }
    

    2) I've added the following code at Appearance > Customize > Additional CSS, so now you can go and set the background color you want.

    .wrapper header nav {
        background-color: #FFF;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Karsten replied

    Hi,

    Thank you for loking into the matter. The size changes for responsiveness are just working on regular text; I would like to have the heading (h1, h2, and h3) change size when down scaled too.

    Kind regards,
    Karsten

  •  933
    Neuron replied

    Hi Karsten,

    It is the same as for the text blocks, so in this case, you'll have to add the following code and change the size to the ones you want.

    @media (max-width: 720px) {
         h1 {
            font-size: 34px !important;
        }
        h2 {
            font-size: 28px !important;
        }
        h3 {
            font-size: 24px !important;
        }
        h4 {
            font-size: 20px !important;
        }
        h5 {
            font-size: 18px !important;
        }
        h6 {
            font-size: 16px !important;
        }
    }

    Feel free to ask for anything you need.

    Kind Regards


  • Karsten replied

    Thank you! That worked very well.

    One last issue: I would like to change the size/weight of the font for the Portfolio Hover Style (Meta) and the opacity of the Color. And within the portfolio item I would like to change the Heading to not show.

    I really appreciate your hard work and being attentive to all my questions. Cheers!

  •  933
    Neuron replied

    Hi Karsten,

    I am very sorry for the late reply, we were not working on the weekend.

    You can change it by adding the following code at Appearance > Customize > Additional CSS.

    .inner-overlay span {
        font-size: $value;
        font-weight: $value;
    }
    .wrapper .portfolio .item-holder .item .overlay-background {
        background-color: $value;
    }

    And to hide the title, you have to go to Dashboard > Proton Options > Portfolio > Hover, and at the Hover style, don't select an option that will show the title.

    https://ibb.co/rkyhQcp

    Feel free to ask for anything you need.

    Kind Regards


  • Karsten replied

    Thank you! I am sorry perhaps I was not clear enough but I want the title to show on the portfolio tile on the main page but would like to not have the title showing on the actual portfolio item pages.

  •  933
    Neuron replied

    Hi Karsten,

    I'm so sorry for the misunderstanding, I've removed the title from the portfolio items by adding the following code at Appearance > Customize > Additional CSS.

    .single-info .project-description  h1{
        display: none;
    }
    .single-info .project-description .wpb_wrapper h1{
        display: block !important;
    }

    Feel free to ask for anything you need.

    Kind Regards