Return to previous page

Woopress, section Portfolio - by designerobot

This topic has 8 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

designerobot

Participant

July 28, 2017 at 15:13

Hi,

1.
In the portfolio page, where I’ve all projects, the title is always all Uppercase. What I need to add in my child theme to have it normal (i.e. uppercase/lowercase according with what I write every time)?

2.
In the same page, the title is clickable, but not the text below (the extract). What I need to add in my child theme to have it clickable too?

3.
Can I change from full Uppercase to normal also in the buttons “SHOW ALL” and categories?

4.
Can I change the color of these button in the child theme?

5.
At the end of the page (in this page and in all other pages too) there is a lot of free room, from the end of the content and the beginning of the footer. Can I remove a bit of this space and make the footer closer to the content? By the way, my footer is inserted through Footer 2 widget

Please, contact administrator
for this information.

#168922 Copied

7 Answers

Rose Tyler

Support staff

July 28, 2017 at 15:35

Hello,

Please provide link to your portfolio page and screenshots for better understanding.

Regards

#168927 Copied

designerobot

Participant

July 28, 2017 at 15:38

Hi, I’ve already sent these info. Please below the private contet.

Please, contact administrator
for this information.

#168928 Copied
Rose Tyler

Support staff

July 28, 2017 at 15:52
1. Add this code in style.css file of your child theme:
http://prntscr.com/g1gkrz
```
.portfolio-descr h3 a {
    text-transform: none;
}
```
2. I suppose you will need to make some additional customization.
3.
```
.portfolio-filters li a {
    text-transform: none;
}
```
4.
```
.portfolio-filters li .btn {
    background-color: red;
    border: 2px solid red;
}
.portfolio-filters li .btn.active {
    background-color: blue;
}
```
5. Please provide screenshot.

Regards
#168931 Copied
designerobot

Participant

July 31, 2017 at 17:50

Hello, thank for these replies.

Regarding the point 5. See below the screenshots in pvt content.

As you can see every page is different. I would like (A) to remove the green spaces (in some pages present both above and below, in other only below and (B) decide the height in pixels of the pink space (that is always the same except the homepage).

In other words, the effect I would like to obtain is that the summary of green+pink space is always identical in every page.

Please, contact administrator
for this information.

#169105 Copied
Rose Tyler

Support staff

August 1, 2017 at 07:51
Hello,

This code you can use in Custom css to change pink space:
```
.page-content {
    margin-bottom: 30px;
}
```
To change space in footer:
```
.footer-top p {
    margin: 0;
}
```
Other spaces depend on contents that displayed on pages. You can use browser inspector tools to find out needed classes and write code. Please, read article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/
Feel free to ask if you need any other help

Regards
#169133 Copied
designerobot

Participant

August 9, 2017 at 01:31

Perfect, thank you very much!

#169648 Copied

Rose Tyler

Support staff

August 10, 2017 at 08:16

You’re welcome!

Regards

#169755 Copied
Viewing 8 results - 1 through 8 (of 8 total)