Portfolio width « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Choices

Portfolio width

6 posts from 2 voices

Started 9 months ago by beber666
Latest reply from Devin
This topic is resolved

Tags:

beber666
Member

Hello,

Thanks for this great theme !

After many searches on your forum, I haven't found a solution for my problem.

I would like to reduce de width of the Ajax portfolio.
In fact, she I click on a thubnail, I would like to reduce the width of the visual to let more space for the text.
I have find a way to reduce the size of the image, but not for the container
I've added to custom.css the following entries:

#top.page-id-707 .slideshow li img {
width: 200px;
height: 162px;
}

#top.page-id-707 .slideshow li {
width: 200px;
height: 162px;
}

#top.page-id-707 .slideshow {
width: 200px;
height: 162px!important;
}

So, the image is smaller, but the container doesn't fit the image.
Could you please tell me how to reduce the image block and enlarge the text part ?

Here is the link:

http://websolutis.com/mv2/?page_id=707

Thanks !

Posted 9 months ago #
Devin
Moderator
Hi beber666,

First, remove the css you've added so far as you'll be changing the way the ajax portfolio is generated.

Open up functions-choices.php in your theme files and search for:
```
echo "<div class='flex_column two_third first'>";
				echo $data->slider;
				echo "</div>";

				echo "<div class='portfolio-entry one_third'>";
```
Replace it with:
```
echo "<div class='flex_column one_third first'>";
				echo $data->slider;
				echo "</div>";

				echo "<div class='portfolio-entry two_third'>";
```
This will switch the size of the containers for the text and image.

Regards,

Devin
Posted 9 months ago #
beber666
Member

Thanks you very much for your help.

It's working great.

Another question: Where do I need to go to change the width of the columns ?

Thanks again.

Posted 9 months ago #
beber666
Member

Another question:

Any way to delete the background of thumbnails in portfolio section ?

Thanks

Posted 9 months ago #
beber666
Member

On another question:

Is there a way to disable the auto format function when I upload a picture on the portfolio section ?

Actually, all my pictures are deformed, specially in the thumbnails view, and I would like to disable this function...

Exemple: the first picture on this page
http://websolutis.com/mv2/?page_id=707

thanks !

Posted 9 months ago #
Devin
Moderator
Hi beber666,

One question at a time :)

If you are talking about the column size for the code we just changed, its the class names for those two divs. So one_third and two_thirds in the code above. It works in a fraction grid system so changing it and keeping it within the theme constraints you would change those class names for each div.

To get rid of the portfolio background, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
.main_color .portfolio-sort-container .inner-entry{
background: none;
}
```
The easiest way to keep the images in an exact size would be to make them the size of the 4 column thumbs which is 232pxx172px.

Hope that answers your questions, I'll mark this one as resolved since the main topic has been answered. If you have any others, please make a new topic to keep things organized and ensure we don't miss the questions :)

Regards,

Devin
Posted 9 months ago #