Migrating from 2.1 - custom CSS issues

[promieniowanie 0]

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

}

[catrina 103]

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)