Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #691107

    Hi,

    I’m using the enfold theme and I’m busy with a project. Created a child theme with a little custom css. since the update to v3.8 I can’t fix the footer copyright content to align right.
    I use this css code:

    #socket.copyright {
        float: right; !important
    }

    How ever the footer stays on the left. If I use safari, chrome or firefox element inspector and I change the code in the browser, than it does work.
    How can I fix this?

    • This topic was modified 8 years, 2 months ago by insanityNL.
    #691110

    This is my custom css file

    
    	/* Set charset */
    	@charset 'UTF-8';
    	
    	html {
      		background: #d50080 !important;
    	}
    	
    	#header {
        position: relative;
        z-index: 501; /*(issues/769)*/
        width: 100%;
        background: transparent;
    	}
    	
    	#header_main {
    		width: 100%;
    		margin: 0px;
    		border-bottom-style: solid;
        	border-bottom-width: 1px;
        	z-index: 1;
    	}
    	
    	.main_menu ul:first-child > li > a{
    		font-size: 16px;
    
    	}
    	
    	.avia_desktop #advanced_menu_toggle:hover, .avia_desktop #advanced_menu_hide:hover {
        	background-color: #d50080;
    		color: #ffffff;
        	border-color: #d50080;
        }
    		
    	.header_main_wrapper {
    		max-width: 100%;
    		margin: 0px auto;
    		background: rgba(0,0,0,0.6);
    	}
    
    	
    	/* **************************************** */
    
    	#top .av_header_glassy.av_header_transparency #header_main {
        	background-color: rgba(0, 0, 0, 0.6) !important;
        }
        
        #advanced_menu_toggle, #advanced_menu_hide {
        	background-color: #000000;
        	color: #ffffff;
        	border-color: #000000;
    	}
    	
    	/* **************************************** */
    	
    	
    	div#header_main.container_wrap.container_wrap_logo {
    		background: transparent !important;
    	}
    	
    	
    	.html_header_top #top .av_header_stretch .container {
        	width: 96%;
       	 	padding: 0;
       	 	max-width: 1400px !important;
    	}
    	
    	.header_color .primary-background, .header_color .primary-background a,
    	 div .header_color .button, .header_color #submit, .header_color input[type='submit'],
    	.header_color .small-preview:hover, .header_color .avia-menu-fx,
    	.header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon,
    	.header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col,
    	.header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover,
    	.header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count,
    	.header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text,
    	.header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover,
    	#top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {
        	background-color: #d50080;
        	color: #ffffff;
        	border-color: #b30060;
    	}
    	
    	::selection {
        	background-color: #d50080; !important
        	color: #ffffff; !important
    	}
    	
    	/* **************************************** */
    	
    	
    	#menu-item-search {
    		display: none;
    	}
    	
    	#clients_slider {
        height: 120px;
        margin: 0px;
        padding: 0px
    	
    	#scroll-top-link{
        background-color: #d50080;
    	}
    	
    	#scroll-top-link{
        color: #eeeeee;
        border: 1px solid #000000;
    	}
    	
    	#socket .copyright {
        float: right; !important
    	}
    	
    	
    	#socket {
        font-size: 11px;
        margin-top: -1px;
        z-index: 1;
        background: #d50080 !important;
        color: #eeeeee;
    	}
    • This reply was modified 8 years, 2 months ago by insanityNL. Reason: missed a space in the code
    #691116

    Apparently it does work when I edit the core file layout.css , however that is not what I want preventing if core get updated things change.

    #691133

    Nevermind,

    fixed it through Quick CSS via Website Styling in Theme Option Menu
    Case closed

    #691148

    Hi,

    Glad it’s fixed for you.
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Footer socket not aligning right’ is closed to new replies.