text justified | PenciDesign Support

vaninasimon replied

5 years ago

Customer Reply

hi,

that's perfect :)

Thanks

Best regards

PenciDesign replied

5 years ago

Staff Reply

Hi,

Ok, please try add more this code to Customize > Custom CSS to do that:

.post-entry p.has-text-align-center{ text-align: center; }

Best Regards,

PenciDesign

vaninasimon replied

5 years ago

Customer Reply

Hi,

yes I tried with the editor but the text stays on the left. That's why I thought it is because of the code I added in a custom CSS to justify :

.post-entry p, .penci-grid li .item p, .penci-masonry .item-masonry p{
text-align: justify;
}

Is there a solution?

Thanks

Best regards

Vanina

PenciDesign replied

5 years ago

Staff Reply

Hi,

You can make it's align center from your editor, have you tried it - check this image ?

Best Regards,

PenciDesign

vaninasimon replied

5 years ago

Customer Reply

Hi,

another question :)

I added the gutenberg block at the bottom of the post like you told me : https://anotherepicjourney.com/frontiere-equateur-colombie/

I would like to center the text "Vous aimez cet article ? Épinglez-le sur Pinterest !" but I can't probably because I added a code to justify all the body text in the Custom CSS :

.post-entry p, .penci-grid li .item p, .penci-masonry .item-masonry p{
text-align: justify;
}

Can I center just this sentence in my pinterest block or it's not possible?

Thanks

Best regards

vaninasimon replied

5 years ago

Customer Reply

Hi,

8/ perfect thanks

9/ Aaahhh ok! It's just a gutenberg block, nice. And ok for the Jquery Pin it Button plugin, I already have it.

Thanks a lot PenciDesign

Best regards

PenciDesign replied

5 years ago

Staff Reply

Hi,

Yeah, you can remove it.

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

.mc4wp-response p{ color: #14b900; }

9/ No - they just use "Block Gallery" from Gutenberg editor with 2 or 3 columns and put images inside it.

And they're using a plugin to help Pin the images inside posts - include those images - this site: http://www.withemilie.com/realiser-son-kefir-a-la-maison-ma-recette-facile/ use this plugin to do that:

https://wordpress.org/plugins/jquery-pin-it-button-for-images/

Best Regards,

PenciDesign

vaninasimon replied

5 years ago

Customer Reply

Hi,

everything is working now, thanks :)

In Customize > custom CSS there is this code :

.grid-post-box-meta, .header-standard .author-post, .penci-post-box-meta .penci-box-meta, .overlay-header-box .overlay-author, .post-box-meta-single, .tags-share-box{ font-size: 13px; }

This code was already in the custom CSS when I added Soledad theme, and I don't know why? Do I have to keep it or can I remove it?

7/ it works as well. Thanks

I have two more questions :

8/ After someone subscribe to the newsletter with the footer NL widget, there is a message : "Thank you for subscribing. Check your email box and spams to confirm" ("example 1" attached).

Is it possible to change the color of this text? Because now it's in the grey I use everywhere in the blog but I would like it in green.

9/ I would like to add a Pinterest zone at the end of my posts. Some blogs are doing that but I don't know if they are using a plugin. I sent you several examples in the document attached "example 2".

Thanks

Best regards

Vanina

PenciDesign replied

5 years ago

Staff Reply

Hi,

It seems you have something wrong inside your Custom CSS - It makes all the code I sent you doesn't work. Please check it again to make sure you don't missing something. If you can't found it, please send me your WordPress site admin URL and admin account ( username and password ) - in a PRIVATE REPLY. I will take it a look at this to help you.

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

.item-related > a{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.item-related > a:hover {
    opacity: 0.85 !important;
}

Best Regards,

PenciDesign

vaninasimon replied

5 years ago

Customer Reply

Hi,

2/ with the new code you sent me nothing happens, the text is not justified anywhere (not in the grid layout and not in the posts).

4/ it doesn't work neither :(

I still have the social icons in the main bar in the header in the mobile nav.

And I still have the logo and the baseline in the header (example 1) of the mobile nav.

5/ the 2 codes don't work. It's still green. But finally don't worry : I understand now that it's green when the message had been sent and orange when there is a problem. So ok I'm going to keep it like that.

6/ Sorry it's already like I want. Forget my question :)

7/ For the Popular Posts in the homepage is it possible to have the kind of white hover like in the "Last posts" in the grid layout ?

Thanks

Best regards

PenciDesign replied

5 years ago

Staff Reply

Hi,

2/ Please try replace the code I sent to this code:

.post-entry p, .penci-grid li .item p, .penci-masonry .item-masonry p{    
text-align: justify;
}

4/ Ahh, sorry, please change the code I sent to this code:

@media only screen and (max-width: 480px){
.main-nav-social, #header .inner-header{ display: none; }
}

5/ Please try change the code I sent to this code:

.wpcf7 form.wpcf7-form > div.wpcf7-response-output {
    margin-left: 14px;
    margin-right: 14px;
    border-color: #B2AEAE;
}

And yes, by default it has borders on the left & right. If you don't want to show the borders on the left & right, you can change the code above to this code:

.wpcf7 form.wpcf7-form > div.wpcf7-response-output {
    margin-left: 14px;
    margin-right: 14px;
    border-color: #B2AEAE;
    border-left: none;
    border-right: none;
}

6/ What's the font you want to use for your H2, H3, H4 ? And do you mean that you want to use those fonts inside the content of your post?

Best Regards,

PenciDesign

vaninasimon replied

5 years ago

Customer Reply

Hi,

1/ ok thanks

2/ perfect. Is is possible to justify the text in the grid layout (posts layout) ?

3/ ok thanks

4/ I added the code but I still have the social icons in the main bar in the header in the mobile nav.

And I still have the logo and the baseline in the header (example 1) of the mobile nav. But I don't have anymore the logo in the header in the desktop nav.

5/ I added the code and I changed the color but the color is still green and the line is now different (it's now a rectangle and not 2 lines : example 2)

6/ Is it possible to have the H2, H3, H4... in another font? My font for the titles H1 is Oswald, my font for the body texts is Montserrat but I would like to have my sub-titles h2, h3... in upper case, Oswald.

Thanks you

Best regards

PenciDesign replied

5 years ago

Staff Reply

Hi,

1/ The hide featured image on top you can find it from Customize > Single Post > General > Hide Featured Image on Top

For custom font size for posts title on mobile - you can see it from Customize > Single Post > Font Size > Font Size for Post Title > click on "Mobile icon" on the right side and change it.

2/ Please try with this custom css code:

.post-entry p {
    text-align: justify;
}

3/ Yes, you can.

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

@media only screen and (max-width: 480px){
.main-nav-social, #header .inner-header{ display: none; }
}

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

form.wpcf7-form > div.wpcf7-response-output {
    margin-left: 14px;
    margin-right: 14px;
    border-color: #ff0000;
}

Change color code ff0000 to any color code you want for those borders.

Best Regards,

PenciDesign

vaninasimon started the conversation

5 years ago

Conversation Start

Hi PenciDesign,

1/ I updated the Soledad Theme and 2 things are missing in the Customize in the Single Post Options (or I just don't find them) :

- Hide Featured Image on Top. Hide Featured images auto appears on single posts page - This option not apply for Video format, Gallery format

- Custom Font Size for Posts Title on Mobile

2/ I would like to justify the text in my blog so I add in the CSS this code :

p {

text-align:justify;

}

But it justified the text everywhere. I want to justify the body text in : the posts, the pages, the archives but not in the footer. Thanks

3/ I don't use the plugins : Penci Recipe and Penci Slider. Can I delete the plugins or do I have to keep them and not activate them?

And I don't need anymore Penci Soledad Demo Importer : can I delete it or just not activate it?

4/ For the mobile only (see my document "example 1" attached) :

- I don't want to display the social icons in the main bar in the header

- I would like to disable the logo and the baseline in the header (I just want to keep the logo in the main bar)

5/ After someone send a message with the contact form there is a message "Your message has been sent" with 2 lines. These 2 lines are green (example 2). How can I change the color?

Thanks

Best regards