Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #273525
    Stefanhbm
    Participant

    Hi Guys,

    i have the catch responsive pro theme and i’m fallen into some issues.

    1. how can i make the navigation bar transparent

    2. is it possible to stretch the Header-Image over the full screen size?

    3. Where can i change the font of the navigation? I know how to change it into bold but not changing the font

    4. is it possible to replace the header picture for the Slider? I can only use header image AND slider below.

    5. how can i stretch the content window?

    Best regards

    Stefan

    btw. the page is http://www.it-service-lange.de

    #273572
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To make nav bar transparent */
    .nav-primary {
        background-color: transparent;
    }
    /* To stretch the Content Window */
    .site {
        width: 100% !important; 
    }

    Can you please let me know which font you would like to use in the Navigation menu?

    You can replace the Header Image with the Slider.
    Go to => Appearance => Customize => Header Media => Enable on => Select Disabled and Publish.

    Then,
    Go to => Appearance => Customize => Theme Options => Featured Slider => Enable the Section and Select your options and Publish.

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

    #273591
    Stefanhbm
    Participant

    Hi Skandha,

    i pasted the css code and the stretch worked but not the transparency for the nav-bar ๐Ÿ™

    The css infos out of my stylesheet:

    .nav-primary,
    .nav-footer {
    	background-color: #222;
    	position: absolute;
    	z-index: 198;
    	font-weight: 600;
    	font-family: Century Gothic;

    Another Question: Did you design the Theme or why do you have so much knowledge about it? ๐Ÿ™‚

    #273597
    Stefanhbm
    Participant

    Hi again,

    and one more question:

    how can i stretch the navigation bar over the full screen size? Is it possible?

    Best Regards

    Stefan

    #273605
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Please try using the following CSS to make the nav bar transparent instead of the above one.

    .nav-primary {
        background-color: transparent;
    }

    The navigation menu already seems to be using Century Gothic font.

    I didn’t design the theme but one of my team members did. We have knowledge about the theme because our team created it. ๐Ÿ™‚

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

    #273606
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    To stretch navigation bar
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .catchresponsive-nav-menu a {
    	padding: 0 89px;
    }

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

    #273620
    Stefanhbm
    Participant

    Hi,

    the stretch of the nav-bar works! But the transparency won’t ๐Ÿ™

    #273623
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Try the following CSS Code instead

    .nav-primary {
        background-color: transparent !important;
     }

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

    #273624
    Stefanhbm
    Participant

    Thanks a lot for your help!

    #273630
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan, I hope I was able to resolve your issue. If itโ€™s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
    Your review will help others know what to expect when theyโ€™re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if thereโ€™s anything else at all that I can do to help, donโ€™t hesitate to let me know. Have a good day! ๐Ÿ™‚

    Kind Regards,
    Skandha

    #273977
    Stefanhbm
    Participant

    Hi Skandha,

    i will make an honest review after creating a wordpress account. It seems that my actual account wont work for it?!?

    Anyway: I have some more little things that are disturbing me.

    1. on the Landing-Page i placed the “Services” – is there anyway do remove the Hyper-Links on them? I just wanna write down the Service and a little description.

    1a. Can i change the colors of them in the sheet.css?

    2. SocialButtons and Search Field: is there any possibility to put the search field next to the social buttons (left or right) and not above them? I just don’t get it ๐Ÿ™

    Have a great weekend!

    Stefan

    #274005
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To disable the links of Services and change the color */
    #services-section .entry-container .entry-title {
        pointer-events: none;
    }
    #services-section .entry-container .entry-title a {
        color: #f23456;
    }
    
    /* To move the search and social icons side by side */
    @media screen and (min-width: 991px) {
    	.site-navigation.sidebar.sidebar-header-right.widget-area section {
    	    display: inline-block;
    	}
    	#header-right-search {
    	    margin-bottom: 0;
    	}
    }

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

    #274015
    Stefanhbm
    Participant

    Hi Skandha,

    thank you, it works! I made the review yesterday.

    Is there any possibility to smaller the boxes around the services?

    Best Regards

    Stefan

    #274016
    Stefanhbm
    Participant

    @Skandha is it possible that, you send me a direct message? I wanna ask you a thing, that must not be discussed in this topic.

    Best Regards

    Stefan

    #274017
    Stefanhbm
    Participant

    and again (sorry!)

    How can i switch the position of the search field and social buttons? The search field should be on the right side. I tried it with some commands but it wont work ๐Ÿ™

    #274116
    Stefanhbm
    Participant

    and a last question: How can i set a fix size for the services boxes? I think after this i have everything i needed ๐Ÿ™‚

    #274155
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Thank you for your wonderful review.

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

    /* To have the search field on the right of social icons */
    @media screen and (min-width: 991px) {
    	#header-right-search {
    	    float: right;
    	    margin-top: 10px;
    	}
    	#header-right-social-icons {
    	    margin-right: 15px;
    	}
    	
    }
    
    /* To fix the height of Services Box */
    #services-section .hentry-inner {
        height: 200px;
    }

    Let me know if this works out!

    Also I have sent you an email. Please check your inbox as well as the spam folder.
    Kind Regards,
    Skandha

    #274226
    Stefanhbm
    Participant

    Hi ๐Ÿ™‚ Thank you!

    i think the last question i have is: can i move the navigation bar in the line of the social buttons and search field?

    I mean: Navigation bar on the left side, social buttons and search field on the right side.

    Of Course, i can drag the navigation bar below the header but not directly into the same line.

    Best Regards

    Stefan

    #274268
    Skandha
    Keymaster

    @stefanhbm: Hello Stefan,
    Can you try using the Header Right Menu instead of Primary Menu and see how it looks?

    Kind Regards,
    Skandha

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Some Issues with my Theme’ is closed to new replies.