Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2016 at 3:15 am #103481
    Kjell Andersson
    Participant

    Hello.
    I am trying to import several CSS lines and designs into Catch Kathmandu Pro but I can´t find where to put it.
    I understand that there is something called custom.css but I am not sure if it´s the proper place to put all css I need into one file.
    I purchased a HTML template and there is some design and scripts there I would like to use amoung with The Kathmandou theme.
    For example I try to implement following lines to my Kathmandou Pro theme.
    __________________________________________________________________________
    <!– Meta –>
    <meta charset=”utf-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <meta name=”description” content=””>
    <meta name=”author” content=””>

    <!– Favicon –>
    <link rel=”shortcut icon” href=”favicon.ico”>

    <!– Web Fonts –>
    <link rel=’stylesheet’ type=’text/css’ href=’//fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin’>

    <!– CSS Global Compulsory –>
    <link rel=”stylesheet” href=”assets/plugins/bootstrap/css/bootstrap.min.css”>
    <link rel=”stylesheet” href=”assets/css/style.css”>

    <!– CSS Implementing Plugins –>
    <link rel=”stylesheet” href=”assets/plugins/animate.css”>
    <link rel=”stylesheet” href=”assets/plugins/line-icons/line-icons.css”>
    <link rel=”stylesheet” href=”assets/plugins/font-awesome/css/font-awesome.min.css”>
    <link rel=”stylesheet” href=”assets/plugins/image-hover/css/img-hover.css”>
    <link rel=”stylesheet” href=”assets/plugins/fancybox/source/jquery.fancybox.css”>
    <link rel=”stylesheet” href=”assets/plugins/owl-carousel/owl-carousel/owl.carousel.css”>
    <link rel=”stylesheet” href=”assets/plugins/revolution-slider/rs-plugin/css/settings.css” type=”text/css” media=”screen”>
    <!–[if lt IE 9]><link rel=”stylesheet” href=”assets/plugins/revolution-slider/rs-plugin/css/settings-ie8.css” type=”text/css” media=”screen”><![endif]–>

    <!– CSS Page Style –>
    <link rel=”stylesheet” href=”assets/css/pages/page_job.css”>
    ________________________________________________________________________________

    In what *.php should I place this lines above?
    I am not familiar with PHP only html. This coding are in the header in plain html in index file as you know, but where should I put it in PHP and will it work as is or may I change the code to match the PHP?

    Kindly Regards
    Kjell

    November 18, 2016 at 10:40 am #103493
    Mahesh
    Participant

    @kjelll: As far as I understand what you are trying to do, I’m afraid it won’t work that way. Changing few design with CSS or adding a few elements to the HTML can be done and possible through Child theme. But add the whole template into the theme file won’t work like that.
    Hope you understand. If you do want to have the design of the template you’ve purchased, I recommend you to hire a customizer.

    Regards,
    Mahesh

    November 18, 2016 at 6:40 pm #103508
    Kjell Andersson
    Participant

    Hello Mahesh.
    Thank you so much for your reply.
    My intention is not to put whole design in the desihn just some elements that need CSS.
    Example of those is owl-carousel for images and the image slider I mentioned before.

    So the thing I would like to do is to put in some slider.
    But I am not sure where to put the code and where to put the CSS stylesheet link.
    I will try the child theme as you reconmended.

    Kindly regards
    Kjell

    November 21, 2016 at 9:16 am #103620
    Mahesh
    Participant

    @kjelll: Thanks for clarifying more. How much are you familiar with programming and coding. You’ll definitely need some good programing skills for this. You’ll need to add some functions and use add_action with appropriate hook, to display where needed. I recommend you to hire a customizer.

    Regards,
    Mahesh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Import CSS and design from HTML template, where to place it and is it doable?’ is closed to new replies.