Logo above header + 1-column portfolio - Support | Kriesi.at

Tagged: header, logo, Portfolio

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
June 24, 2014 at 4:07 pm #283108

WEBIGAMI
Participant

Hi team,

I have two issues for this new project: http://webigami.de/pbs/projekte/

1) I’m using “Logo right, Menu left” for the Menu and Logo Position – how can I increase the space between the Logo and the Menu without using the “Menu below”-option or reducing the logo size by adding qhite space at the bottom? In my case, the Logo-subline looks almost like another navigation menu.

2) How can I reverse the content of the “special 1-column-layout”-portfolio-function? Now, the text/title has about 1/4 and the featured image 3/4 of space. I need it the other way around (small image and a lot of sapce for the text/title.

Could you support me with some Quick CSS for both of my topics? :)

I’d really appreciate your advise.

Cheers and thanks,
Jan :)

June 25, 2014 at 11:12 am #283504
Ismael
Moderator
Hi jansthh!

Thank you for visiting the support forum!

1.) You can adjust the size of the logo by decreasing its height:
```
.html_header_top #top .av_logo_right .logo {
height: 80%;
top: 20px;
}
```
2.) Please edit config-templatebuilder > avia-shortcodes > portfolio.php, remove everything then replace it with this code: http://pastebin.com/3Tjscv7m

Regards,
Ismael
June 25, 2014 at 11:39 am #283518

WEBIGAMI
Participant

Hi Ismael,

thank you! :)

1) worked perfectly!

2) Sorry, I didn’t want to switch sides of text and image – I wanted to decrease the element of the image and increase the size of the text element. Like this:

Moreover, the 1-column-portfolio looks bad on mobile without any extra code:

Thanks and cheers,
Jan :)

June 26, 2014 at 7:32 am #283924
Dude
Participant
Hey!

You can increase the column width by using this css code:
```
#top .isotope-item.special_av_fullwidth .av_table_col.grid-content {
width: 30%;
}
```
Replace 30 with any value between 1 and 100. If you want to set a different width for mobile devices you can also wrap it into the a media query like:
```
@media only screen and (max-width: 767px){
#top .isotope-item.special_av_fullwidth .av_table_col.grid-content {
width: 100%;
}

#top .isotope-item.special_av_fullwidth .av_table_col.portfolio-grid-image{
width: 100%;
display: block;
}
}
```
Cheers!
Peter
June 26, 2014 at 12:26 pm #284019

WEBIGAMI
Participant

Hey Peter,

you are the best!!!

Just one more thing: Can I also increase the height of the 1-column-special-portfolio? It didn’t work by adding “Height: 120%;” – I’d like to change the proportions a little bit.

Thanks and cheers,
Jan :)

June 27, 2014 at 2:23 pm #284570
Dude
Participant
Hey!

You can’t increase the height directly but you can add a margin-top (or bottom) to the text and then the height of the surrounding container should also increase. Try this code and adjust the margin if necessary:
```
.portfolio-entry.grid-content .entry-content-header{
margin-top: 20px;
}
```
Regards,
Peter
June 27, 2014 at 5:01 pm #284651

WEBIGAMI
Participant

Great, thanks A LOT, Peter!

I really DO appreciate all your help here. What a great community!

Cheers,
Jan :)
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Logo above header + 1-column portfolio’ is closed to new replies.