Home Forums Porto Admin Template how to get color skin /css ?

This topic contains 8 replies, has 2 voices, and was last updated by  Support2 2 months ago. This post has been viewed 142 times

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #10030695

    mushi
    Participant

    i have activated color switcher but i cant find my css (file) theme bellow color switcher.



    Template Version: version 2.2.0
    #10030696

    mushi
    Participant

    I tried copying ‘Get Skin(CSS)’ from this link:
    http://preview.oklerthemes.com/?theme=Porto-Admin
    but no such option exists against Porto Admin theme, but it works for other theme.
    Thanks.


    • This reply was modified 2 months ago by  mushi.
    #10030699

    Support2
    Keymaster

    Hello, thanks for your purchase.

    You need paste the generated code on the skin file. Please follow the instructions below:

    1) Change the colors and get a new skin CSS code trough this link: http://preview.oklerthemes.com/?theme=Porto-Admin (the “Get Skin(CSS)” button)

    2) Replace all code inside the file “css/skins/default.css” with the new CSS generated trough the Style Switcher.

    3) Clear your browser cache before you test again.

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

    Kind Regards,

    Rodrigo.


    #10030700

    mushi
    Participant

    there is no Get Skin(CSS) button on this link which you provided

    link: http://preview.oklerthemes.com/?theme=Porto-Admin


    #10030708

    Support2
    Keymaster

    Hello,

    Oh right, sorry.

    Probably the button it’s not appearing for you because your small screen size. We did a test now and have a problem on small screen sizes, sorry.

    We will fix that as soon possible.

    For now please try this workaround to view he “Get Skin” button:
    – Change the colors on the style switcher and then reduce your browser zoom to around 75%. This will show the button.

    Note that this is not a solution but just an workaround for you not loose more time with this issue. We will fix that as soon possible.

    Thanks for your patience.

    Kind Regards,

    Rodrigo.


    #10030709

    mushi
    Participant

    thank you.
    can you please tell me how can i change my text color to default primary color. if i change the color scheme so that the text color must change.
    which class i should use ?


    #10030710

    Support2
    Keymaster

    Hello,

    You can use the class text-color-primary to use the primary color (previously defined on the skin file with Style Switcher). For example:

    <p class="text-color-primary mb-0">Actual Porto Admin reviews from everywhere. Everyone loves Porto Admin.</p>

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

    Kind Regards,

    Rodrigo.


    #10030717

    mushi
    Participant

    thanks.

    i was working on side bar i have multiple pages but not sub pages how can i make side bar tab active and set its color to primary. when user click on home tab its color should be primary and tab active.
    how can i do that? and how can i set the width of side bar ?

    <li>
    	<a href="home.html">
    		<i class="fas fa-home" aria-hidden="true"></i>
    		<span>Dashboard</span>
    	</a>                        
    </li>
    
    <li>
    	<a href="users.html">
    		<i class="fas fa-users" aria-hidden="true"></i>
    		<span>Users</span>
    	</a>                        
    </li>

    • This reply was modified 2 months ago by  mushi.
    • This reply was modified 2 months ago by  Support2.
    #10030728

    Support2
    Keymaster

    Hello,

    You can use the class text-color-primary, for example:

    <li>
    	<a href="home.html" class="text-color-primary">
    		<i class="fas fa-home" aria-hidden="true"></i>
    		<span>Dashboard</span>
    	</a>                        
    </li>

    If you are using a server side programming language like PHP:

    <li>
    	<a href="home.html"<?php echo ( $_SERVER['PHP_SELF'] == 'index.php' ) ? 'class="text-color-primary"' : ''; ?>>
    		<i class="fas fa-home" aria-hidden="true"></i>
    		<span>Dashboard</span>
    	</a>                        
    </li>
    <li>
    	<a href="users.html"<?php echo ( $_SERVER['PHP_SELF'] == 'users.php' ) ? 'class="text-color-primary"' : ''; ?>>
    		<i class="fas fa-users" aria-hidden="true"></i>
    		<span>Users</span>
    	</a>                        
    </li>

    If you are not using any server side language you can use Javascript to add the class:
    (js/custom.js):

    var url = window.location.pathname,
    	filename = url.substring(url.lastIndexOf('/')+1);
    
    $(window).on('load', function(){
    	$('a[href="'+ filename +'"]').addClass('text-color-primary');
    });

    We have 3 sizes for the sidebar width:

    <!-- Small -->
    <html class="fixed sidebar-left-xs">
    
    <!-- Medium -->
    <html class="fixed sidebar-left-sm">
    
    <!-- Normal (without nay class) -->
    <html>

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

    Kind regards,

    Rodrigo.


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