Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2565715
How to increase length in mega-meny
Closed

Comments

  • alexamillennial started the conversation

    How to increase the length of where the categories are shown in a menu? Please see attached picture. The reason I want to change the length is because my categories uses more than just one word, so they go over two lines. I want them to only be on one line, hence I need to increase the length of the area.

  •  2,699
    PenciDesign replied

    Hi,

    Please try add more this code to Customize > Custom CSS to change it:

    #navigation .penci-megamenu .penci-mega-child-categories{ width: 250px; }
    

    Change value 250 to value as you want.


    Best Regards,

    PenciDesign

  • alexamillennial replied

    Thanks! another question; how can I change the categories in the menu from capital letters to Sentence case/lower case?

  •  2,699
    PenciDesign replied

    Hi,

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

    #navigation .penci-megamenu .penci-mega-child-categories a{ text-transform: none; letter-spacing: 0; font-size: 13px; }
    

    Change value 13 to font size as you want for child categories on the left side.


    Best Regards,

    PenciDesign

  • alexamillennial replied

    Thank you again!!

    A couple of more questions:

    1. How to I change featured image in a blog post?

    2. I have chanced the size of the image using the code .container-single .post-image{ max-height: 400px; margin-left: auto; margin-right: auto; }. The image is then "cropped" - since I am setting a max height. It is possible to get the picture centered? So that I dont the only the upper part of the picture that is "cropped", but more the mid-part.


  •  2,699
    PenciDesign replied

    Hi,

    1/ The featured image in a blog post will auto get from featured image you've set for your post. Currently, there is no option to change it. We will consider to add more an option to help you can change the featured image in a blog post in the future updates.

    2/ If you want to change the height for your featured image inside single post page, I recommend you use option from the theme via Customize > Single Post Options > Custom Aspect Ratio for Featured Image > fill the ratio you want to use for featured image there. In your case, you can use ratio:   4:1 or 9:2

    Note: let's remove the custom css you've added for post-image to make it works correct.


    Best Regards,

    PenciDesign

  • alexamillennial replied

    Thank you! :-)

    More questions:

    1. How do I change the hoover colour on the "read more" button in the "Penci Latests Posts" widget? Please see attachment 1. 

    2. How can I change the footer so that it is not the same on posts/pages than the homepage? Please see attachment 2.

    3. How can I either move og make the background larger for post style 7? Please see attachment 3.

  • alexamillennial replied

    Here are attachment 2 and 3 :-)

  •  2,699
    PenciDesign replied

    Hi,

    1/ You can try add more this code to Customize > Custom CSS to change it:

    .penci-readmore-btn.penci-btn-make-button a{ background-color: #ff0000; opacity: 1; }
    

    Change color code ff0000 to any color code as you want. You can get a color code here

    2/ How footer you want to display on the homepage? Please tell me more detail about this.

    3/ Please try add more this code to Customize > Custom CSS to add more padding on the left side for single post template style 7:

    @media only screen and (min-width: 959px){
    .penci-single-style-7:not( .penci-single-pheader-noimg ).right-sidebar #main article.post, 
    .penci-single-style-3:not( .penci-single-pheader-noimg ).right-sidebar #main article.post {
        padding-left: 20px;
    }
    }
    

    Best Regards,

    PenciDesign

  • alexamillennial replied

    Hi again

    1/ I meant how to change color when you hoover over the button. How will the code be then?

    2/ See new attachment. Hope this explains it better :-)

    3/ Thanks! Do you know how I can change the background color of the post as well?

    Another question: So I know that I can't change the featured image on a blog post, but how do I set a picture/feature picture for a new post?

  •  2,699
    PenciDesign replied

    Hi,

    1/ Ahh, sorry, please replace the code I sent to this code:

    .penci-readmore-btn.penci-btn-make-button a:hover{ background-color: #ff0000; opacity: 1; }

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

    body.single .footer-instagram, .footer-subscribe{ display: none; }
    body.home .footer-subscribe{ display: block; }

    3/ Unfortunately, this theme doesn't support to change background image for posts only.

    For set a featured image for posts, please edit the post you want to change or set the featured image > and set featured image for it like on this image


    Best Regards,

    PenciDesign

  • alexamillennial replied

    Hi! THANK YOU again for all help so far :-)

    A new question: 

    1. How can I change font size, typography and style (for example italic vs non italic) for the texts (both header, which displays "Newsletter", and body, which displays "sign up to receive...") the Newsletter displayed in the footer - please see "attachment 2 - Footer new" in previous post from me. 

    2. How can I change the text of the header of the Newsletter (changing it from "Newsletter" to something else) - please see "attachment 2 - Footer new" in previous post from me. 

    3. Is it possible to have the Newsletter-section placed above/before the Instagram section? Please see "attachment 2 - Footer new" in previous post from me. 

    Best regards,
    Alexa

  •  2,699
    PenciDesign replied

    Hi,

    1/ The font for heading "Newsletter" & "sub title: signup to receive..." will follow the fonts you've selected via Customize > General Options > "Font for Heading Titles" and "Font for Body Text"

    For change font size & italic or not, you can add more this code to Customize > Custom CSS:

    .footer-subscribe h4.footer-subscribe-title{ font-size: 24px; font-style: italic; }
    .footer-subscribe .mc4wp-form .mdes{ font-size: 16px; font-style: italic; }
    

    Change values 24 and 16 to font size values as you want.

    Change 'italic' on the above code to 'normal' if you don't want to use italic text.

    2/ Please go to Appearance > Menus > on the right side find sidebar "Footer SignUp Form" > and edit the widget "Mailchimp for WP" inside this sidebar > and change the text there.

    3/ Unfortunately, currently this theme doesn't support this feature. We will consider to add more this feature in the future updates.


    Best Regards,

    PenciDesign

  • alexamillennial replied

    Hi there!

    Ref previous question:

    3/ Please try add more this code to Customize > Custom CSS to add more padding on the left side for single post template style 7:

    @media only screen and (min-width: 959px){
    .penci-single-style-7:not( .penci-single-pheader-noimg ).right-sidebar #main article.post, .penci-single-style-3:not( .penci-single-pheader-noimg ).right-sidebar #main article.post {    padding-left: 20px;
    }
    }
    

    How can I change the padding on the left side? :-)

  •  2,699
    PenciDesign replied

    Hi,

    You can change value 20 on that code to padding value as you want.


    Best Regards,

    PenciDesign