Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #283108

    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 :)

    #283504

    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

    #283518

    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: More space for the text – less for the image

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

    Thanks and cheers,
    Jan :)

    #283924

    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

    #284019

    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 :)

    #284570

    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

    #284651

    Great, thanks A LOT, Peter!

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

    Cheers,
    Jan :)

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

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