Support » Plugin: WordPress Portfolio Plugin (WP Portfolio) » [Plugin: WordPress Portfolio Plugin (WP Portfolio)] Layout weird with last WP and using jquery theme

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hello

    Having looked at the header code, the CSS is not being shown in your jQuery theme. Possibly because it’s doing something odd with adding style files to the header.

    As far as I can see, it’s nothing to do with the plugin, and everything to do with how the theme header is being rendered.

    Kind Regards

    Hi !

    Thanks for this quick answer !

    Well, vwhat is “odd” is that now MANY themes and frameworks work like that…


    Ok this is not theme related.

    Set up a test page on my test network, with exactly the same config, versions, plugins activated etc..

    one works, the other not !!! works does not ….

    I am lost…

    Looking at the header data for both websites, the CSS information is getting mangled due to one of your plugins in – very likely to be a plugin behaving badly.

    For any live site, you shouldn’t really use the portfolio CSS in the header.

    So go to:
    WP Portfolio -> Layout Settings

    And copy all of the CSS into styles.css for your theme.


    The funny thing is that now the 2 installs are absolutly identical (versions, plugins widgets on the page, ads code etc…)

    I cannot do that unfortunatly. The theme is part of a multisite, so If I hardcode the style in the theme that will generate for sure others issues on sites not using portfolio…

    Ununderstandable for me at this point 🙁

    Ok found something :

    Here the inserted code by portfolio in my working test env :

    <!-- WP Portfolio Stylesheet -->
    <style type="text/css">
    .portfolio-website {
    	padding: 10px;
    	margin-bottom: 10px;
    .website-thumbnail {
    	float: left;
    	margin: 0 20px 20px 0;
    .website-thumbnail img {
    	border: 1px solid #555;
    	margin: 0;
    	padding: 0;
    .website-name {
    	font-size: 12pt;
    	font-weight: bold;
    	margin-bottom: 3px;
    .website-name a,.website-url a {
    	text-decoration: none;
    .website-name a:hover,.website-url a:hover {
    	text-decoration: underline;
    .website-url {
    	font-size: 9pt;
    	font-weight: bold;
    .website-url a {
    	color: #777;
    .website-description {
    	margin-top: 15px;
    .website-clear {
    	clear: both;
    }.portfolio-paging {
    	text-align: center;
    	padding: 4px 10px 4px 10px;
    	margin: 0 10px 20px 10px;
    .portfolio-paging .page-count {
    	margin-bottom: 5px;
    .portfolio-paging .page-jump b {
    	padding: 5px;
    .portfolio-paging .page-jump a {
    	text-decoration: none;
    }.wp-portfolio-widget-des {

    And here the code insted on the non working page !!!!

    <!-- WP Portfolio Stylesheet -->
    <style type="text/css">
    <p>.portfolio-website {<br />
    	padding: 10px;<br />
    	margin-bottom: 10px;<br />
    }<br />
    .website-thumbnail {<br />
    	float: left;<br />
    	margin: 0 20px 20px 0;<br />
    }<br />
    .website-thumbnail img {<br />
    	border: 1px solid #555;<br />
    	margin: 0;<br />
    	padding: 0;<br />
    }<br />
    .website-name {<br />
    	font-size: 12pt;<br />
    	font-weight: bold;<br />
    	margin-bottom: 3px;<br />
    }<br />
    .website-name a,.website-url a {<br />
    	text-decoration: none;<br />
    }<br />
    .website-name a:hover,.website-url a:hover {<br />
    	text-decoration: underline;<br />
    }<br />
    .website-url {<br />
    	font-size: 9pt;<br />
    	font-weight: bold;<br />
    }<br />
    .website-url a {<br />
    	color: #777;<br />
    }<br />
    .website-description {<br />
    	margin-top: 15px;<br />
    }<br />
    .website-clear {<br />
    	clear: both;<br />
    }</p><p>.portfolio-paging {<br />
    	text-align: center;<br />
    	padding: 4px 10px 4px 10px;<br />
    	margin: 0 10px 20px 10px;<br />
    }<br />
    .portfolio-paging .page-count {<br />
    	margin-bottom: 5px;<br />
    }<br />
    .portfolio-paging .page-jump b {<br />
    	padding: 5px;<br />
    }<br />
    .portfolio-paging .page-jump a {<br />
    	text-decoration: none;<br />
    }</p>.wp-portfolio-widget-des {

    The rest is identical.

    How can it be ???? Same extension, same version, same config !

    SOLVED !

    For some reason, the “cheval” network in css layout had the culprit code. Un understandable since did not chage anything.

    The possible thing is an old code, change during last update, and the test network directly installed the last wp port folio version.

    I just took the “test” css wp portfolio options and pasted them in the old one, and now all is OK !

    Excellent, glad you sorted it!


Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Plugin: WordPress Portfolio Plugin (WP Portfolio)] Layout weird with last WP and using jquery theme’ is closed to new replies.