Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
How to delete content in portfolio widget

How to delete content in portfolio widget

The portfolio widget allow you to have a title and text at the bottom of the image. If you don’t want it to show, you delete it. Please note that if you have more than 1 portfolio page, you can choose to have 1 page to have content and another not to have any content. So all the portfolio page will be consistent.

Here is how you can do that.

 

Step1: Code snippet

1) Click into “design” and into “edit html/css”

2) Click into the portfolio page layout to access the html code.

3) Here look for the content area for each portfolio item. Below we show the portfolio item code.

<!–****************************************************************************************************************–>

<li class=”item” data-id=”id-#” data-type=”INSERT-CATAGORY-NAME-HERE”>
<div class=”image-frame”>{portfolio-img-#:image global=”false”}</div>
<p class=”contentsorter-info”>
<b>{portfolio-title-#:text global=”false”}</b>
<span>{portfolio-paragraph-#:text global=”false”}</span>
</p>

</li>
<!– Insert New Portfolio Element Below –>

4) Here DELETE the part highlighted above to take out the content area

 

Step2: Customize portfolio item height

Now that you have deleted the content, you will notice the content area is still showing, but there are no longer any content.  Here you will need to change the HEIGHT of the portfolio item so it won’t show the empty content area.

1) Click into “design” and into “edit html/css”

2) Click into “main_style.css” to open the css code

3) Here look for this code:

/*——————————————–
CUSTOMIZE GALLERY SIZE
——————————————-*/
.contentsorter li {
width: 270px; /* Change Gallery Element Width Here */
}

.contentsorter li {
height: 320px; /* Change Gallery Element Height Here */
}

.contentsorter .image-frame,
.contentsorter .hovertext,
.contentsorter .hovertext i,
.contentsorter .hovertext-info,
.contentsorter .hover-frame{
height: 198px; /* Change Image Height here */
}

4) Change the highlighted code to “auto” like this:

/*——————————————–
CUSTOMIZE GALLERY SIZE
——————————————-*/
.contentsorter li {
width: 270px; /* Change Gallery Element Width Here */
}

.contentsorter li {
height: auto; /* Change Gallery Element Height Here */
}

.contentsorter .image-frame,
.contentsorter .hovertext,
.contentsorter .hovertext i,
.contentsorter .hovertext-info,
.contentsorter .hover-frame{
height: 198px; /* Change Image Height here */
}

5) Save your change and republish your site

 

 

 

 

Tags: