Skip to content
Public Ticket #1205

Website modifications to boxed style

Conversation thread

interhelp replied

8 years ago
Customer Reply

Hi! Both codes worked perfectly, thanks a lot for your help

PenciDesign replied

8 years ago
Staff Reply

Hi,

1/ Please try again with this code:

\
.penci-grid .list-post.list-boxed-post{ border: none !important; }\
@media only screen and (min-width: 960px){\
.penci-grid li.list-boxed-post:nth-of-type(2n+1) .item>.content-list-right{ padding: 0 0 0 30px; }\
.penci-grid li.list-boxed-post:nth-of-type(2n+2) .item>.content-list-right{ padding: 0 30px 0 0; }\
}

3/ Please try add more this code to Customize > Custom CSS to do that:

\
.penci-grid li .item .item-content{ font-style: italic; }

Best Regards,

PenciDesign

interhelp replied

8 years ago
Customer Reply

Hi, thanks for your help, number 2 worked perfectly, but unfortunately number 1 didn't work for me, I can still see the border of the box, any idea why?

and on number 3 on my first comment, I meant italic, not cursive. Is there a way to make only the summary text on boxed style 1 be italic?

PenciDesign replied

8 years ago
Staff Reply

Hi,

1/ To do that, please add more this code to Customize > Custom CSS:

\
.grid-mixed{ border: none; }\
@media only screen and (min-width: 960px){\
.grid-mixed .mixed-detail{ padding-right: 0; }\
.penci-layout-mixed .penci-grid > .grid-style:nth-of-type(2n+2) .mixed-detail { padding-left: 0; padding-right: 30px; }\
}
\

2/ To do that, please add more this code to Customize > Custom CSS:

\
.featured-area{ margin-top: -60px;  }

Best Regards,

PenciDesign

interhelp replied

8 years ago
Customer Reply

Hi, 

\

Thanks this worked perfectly, just a couple final requests:

1. is there a way to make the box border white or remove it from the boxed style posts 1?

2. There's a gap between the primary menu and the posts slider, is there a way to remove that space?

PenciDesign replied

8 years ago
Staff Reply

Hi,

1 & 2/ Please add more this code to Customize > Custom CSS to change it:

\
@media only screen and (min-width: 768px){\
.penci-grid li .item h2 a{ font-size: 24px; }\
}\
.penci-grid li .item .item-content{ text-align: center; }

Change number 24 to value you want.

3/ Sorry for now this theme doesn't support this feature.

Best Regards,

PenciDesign 

interhelp started the conversation

8 years ago
Conversation Start

Hi, I have a few modifications that I'd like your help with if at all possible. I'm using visual composer and boxed style posts 1. I'd like your help with 3 things.

1. I need to make my titles font bigger in the boxed style 1 layout

2. I'd like to center the posts summary 

3. Is there a way to make just the summary text be cursive?

Thanks for your help

Want to join this conversation or access attachments? Sign in first.

Login to Reply