Jump to content
Sign in to follow this  
promieniowanie

Migrating from 2.1 - custom CSS issues

Recommended Posts

promieniowanie

Hi,

I "inherited" a website built with pretty old Platform Pro/Framework some time ago and finally I decided to buy a new version from the scratch. After successfully installing the 2.4.1 I noticed that previous custom CSS code modifications do not apply to the new version at all.

 

I'm talking in particular:

 

1. Position of the top menu (content-pad or nav-row, I'm not sure). I'd like to position it right in the middle. I'm not sure which class it is as I'm no CSS expert and was doing the twaks by experimenting with Firebug, but I guess that none of those custom codes work now. The same applies to tweaking the margins in particular posts.

 

2. I cannot change font size in posts as well as in the txt widgets with custom code:

 

3. Also, a nice grey line below the main top menu dissapeared completely..

 

Below is the whole custom CSS that accumulated over last years. I'm not sure if I need it all, but it seems like most of it don't work now. Any help appreciated!

body{}

.category #feature{display:none !important;}
.search #feature{display:none !important;}
.single-post #feature{display:none !important;}
.single-post #banners, .single-post #sidebar{display:none !important}
.home #feature{display:none !important;}

.simpleslider_controls{display:none;}

.metabar .date {font-weight:bold;}
.metabar .date { background-color: white }
.metabar .date { border-top-color: white }
.metabar .date { border-right-color: white }
.metabar .date { border-bottom-color: white }
.metabar .date { border-left-color: white }

.entry_content{
margin: -20px 0px -20px 0px
margin-right: -10px
;
}

.icons {
top: 130px
!important;
}

div.navigation_wrap.fix {
width: 910px
!important;
}

.main_nav_container {
margin-left: 143px
!important;
}


.entry-title {
;
}

.metabar-pad {
;
}

.content {
padding-top: 20px
padding-bottom: 50px
margin-bottom: -35px

!important;
}

.content-pad {
padding-top: 20px
padding-bottom: 50px
margin-bottom: -35px

!important;
}

div.entry_content img {margin-top: -350px;

!important;
}

.mainlogo-link {
margin-top: 10px
!important;
}

body {
font-size: 12px; line-height: 1em;}



.widget-pad {
font-size: 12px
!important;
}

.scolumn {
font-size: 14px
!important;
}

.widget ul li a {
font-size:14.5px

}

Share this post


Link to post
Share on other sites
catrina

Some of the elements in Framework have different selectors and your CSS needs to be more specific to override the default. To ensure that your CSS is overriding the default CSS, please review the instructions under “PageLines Overrides” here: http://support.pagelines.me/docs/customization/custom-css/

 

For example, this block:

.entry_content{
margin: -20px 0px -20px 0px
margin-right: -10px;}

would need to look like this:

#page .entry_content {
margin: -20px 0px -20px 0px;
margin-right: -10px;}

(The first line was missing the first semicolon so I also added it. If this CSS doesn’t work, the selector .entry_content may need to be adjusted)


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×