Theme Color And Backround İmage

Home Forums Porto Admin – Responsive HTML5 Template Theme Color And Backround İmage

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10021721
    mhmmet
    Participant

    How can ı change theme default color in singup and sigin page. And how can ı use backround image that pages


    #10021726
    Support2
    Keymaster

    Hello, thanks for your purchase.

    To change the default color, you can use the Skin Generator (Style Switcher).

    1) Access this link: http://preview.oklerthemes.com/porto-admin/1.6.0/pages-signin.html

    2) Open the Style Switcher and follow the instructions on image below:

    3) Replace all code inside assets/stylesheets/skins/default.css with the code generated by Style Switcher.

    To use background images in that pages:

    1) Add style inline on <body>, like this code below:

    <body style="background: url(your/image/path/example.jpg); background-size: cover;">

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10021729
    mhmmet
    Participant

    Thanks


    #10021730
    mhmmet
    Participant

    <body style=”background: url(your/image/path/example.jpg); background-size: cover;”>
    dont work


    #10021731
    mhmmet
    Participant

    `<body style=”background: url(~/Content/assets/images/bg.jpg); background-size: cover;”>
    <div class=”navbar-wrapper”>
    …..
    ….
    ….


    #10021736
    Support2
    Keymaster

    Hello,

    Verify the path of image, if your index.html are inside the folder Content/, the correct path is:

    <body style=”background: url(assets/images/bg.jpg); background-size: cover;”>

    If still not work, please send a link of your website for us, so we can inspect and see why is not working for you.

    Kind Regards,

    Rodrigo.


    #10021739
    mhmmet
    Participant

    İts work. How can ı use transparent backround sing-panel ?


    #10021746
    Support2
    Keymaster

    Hello,

    1) Add in assets/stylesheets/theme.custom.css this code:

    .body-sign .panel-sign .panel-body {
            background: transparent;
            border: none; // remove that line if you want to show the top border
    }

    Kind Regards,

    Rodrigo.


Viewing 8 posts - 1 through 8 (of 8 total)

This topic is marked as "RESOLVED" and can not rceive new replies.