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 #1285334
help regarding changing few elements of the theme
Closed

Comments

  • Shruti started the conversation

    Hi,

    I am have following question:

    1) I am currently using Soledad Food theme. How can I remove the lines from the top and bottom of my menu. The Soledad Minimal theme has no lines on the menu. 

    2) Can I change the spacing between the various content in the menu. For example, the spacing between HOME RECIPES ABOUT CONTACT.

    3) Is it possible to have just the social media icons in the footer area instead of social media icon + text?

    4) Can I customise the icon for the search tool?

  •  2,701
    PenciDesign replied

    Hi,


    1/ You can go to Customize > Logo and Header Options > on "Menu Style" > select Style 2.

    After that, you can change border top of your sub-menus on Customize > Colors for Header > "Dropdown Menu Items Border Color" & "Dropdown Border When Hover for Menu Style2"


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

    @media only screen and (min-width: 960px){
    #navigation ul.menu > li, #navigation .menu > ul > li{ margin-right: 50px; }
    }

    Change number 50 to the size you want.

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

    ul.footer-socials li a span{ display: none; }

    4/ Unfortunately, currently this theme doesn't support this feature.


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Thank you very much. 

  • Shruti replied

    Hi,

    How can I change the style and size of fonts while writing a post. The website says Soledad comes with 700+google fonts, but how do I use them. I find no such options while writing the post.


  • Shruti replied

    Hi,

    How can I prevent the logo from coming on every page and post? I just want the logo to be visible on the homepage and menu bar to be visible on all the pages.

    Thank You


  •  2,701
    PenciDesign replied

    Hi,


    1/ This theme supports you change the font for all body text via Customize > General Options > Font for Body Text. It's the font you will use on your editor. You also will see option for change the font type for your heading titles there.

    2/ I see you're using pdf file for your logo, it make your logo can't display. Please download this image and use it for your logo - I take it from your PDF file.

    If you want to display logo only for your homepage on your site, please add more this code to Customize > Custom CSS:

    #header .inner-header{ display: none; }
    body.home #header .inner-header{ display: block; }


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    You are right the logo is only visible on my laptop but I changed my logo from pdf to png image that you gave me. But the logo is still not visible on other laptops. I even tried using jpg image but the problem continues. When I open www.theleafbowl.com on other laptops the logo is not visible. The logo also loses its sharpness and crispness when converted into png or jpg. 

    I am attaching a image of the logo where it looks sharp and crisp and also image of the logo that is converted into png

  •  2,701
    PenciDesign replied

    Hi,

    1/ I see your logo display fine:

    http://prntscr.com/geqfve


    2/ This theme does just display your logo image, if it's not sharp then it's not sharp from itself


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    What does upload logo retina version mean? When I upload my logo it seems fine on other devices but becomes little blurry on my Mac. I uploaded an image for retina version but nothing seemed to happen. Kindly help me in understanding the problem.

    Thank you


  •  2,701
    PenciDesign replied

    Hi,

    To enable retina feature on logo, please do following steps:

    1/ Go to Customize > General Options > and check to "Enable Retina"

    2/ Change logo image name for your retina logo. 

    Example: If your logo image for screen non-retina has name is  logo.png

    Then, with your logo image retina, you need to change the name is  [email protected]  ( add more @2x )


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Can I use .svg image for the logo. My only problem is that my logo is not looking sharp enough.

    I found this custom CSS code but even it didn't solve my problem.

    .image {
        background-image: url(example.svg);
        background-size: 150px 200px;
        height: 150px;
        width: 200px;
    }


  •  2,701
    PenciDesign replied

    Hi,

    Unfortunately, this theme doesn't support .svg image for the logo.

    Can you send me:

    - Your admin url

    - Your admin account ( username and password )

    - The logo image is looking sharp link like you want.

    in a private reply, I will take a look help you.

    Best Regards,

    PenciDesign

  •   Shruti replied privately
  •   PenciDesign replied privately
  •   Shruti replied privately
  •  2,701
    PenciDesign replied

    Hi,

    I used image for retina on logo and add more this code to Customize > Custom CSS to resize it:

    #logo img{ max-width: 325px; height: auto; }
    

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Can you please help me in decreasing my page width. As in I want more space in left and right side of the page. I have attached an image of the desired page width.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,

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

    .container { max-width: 800px; }

    Change number 800 to the size you want.


    Best Regards,

    PenciDesign

  • Shruti replied

    Thank you very much. :)

  • Shruti replied

    Hi,

    - I want to remove the line between the logo and image in my homepage. 

    - Also I want to increase spacing between the social icons in my header.

    - Is it possible to reduce the size of the search icon?

    Thank You

  •  2,701
    PenciDesign replied

    Hi,

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

    body.home .header-header-1.has-bottom-line{ border-bottom: none; }

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

    @media (min-width: 768px){
    .main-nav-social a{ margin-right: 15px; }
    }

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

    #top-search > a{ font-size: 12px; }

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Thank you for the custom css. They worked perfectly. But the line between my logo and other posts is still visible on other pages. 

    I would like to remove the arrow sign from the drop down menu.

    How can I change the font size of the post title in latest post and in recipe index page?

    I have attached pictures of the changes required.

    Thank you.

  • tom replied

    Hi,

    how i can delated photo in background?

    Thank You

  •  2,701
    PenciDesign replied

    Hi,


    1/ If you want to remove the line on all pages, please replace the code I send to this code:

    .header-header-1.has-bottom-line{ border-bottom: none; }

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

    #navigation ul.menu > li.menu-item-has-children > a:after, #navigation .menu > ul > li.menu-item-has-children > a:after, #navigation ul.menu > li.penci-mega-menu > a:after, #navigation .menu > ul > li.penci-mega-menu > a:after{ content: none; }


    3/ To change the font size of the post title in latest post, please add more this code to Customize > Custom CSS to do that:

    .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 16px; }

    Change number 16 to the size you want.

    4/ To change font size of posts title on recipe index, please add more this code to Customize > Custom CSS:

    .penci-recipe-index-wrap .penci-recipe-index-title a{ font-size: 18px; }

    Change number 18 to the size you want.

    5/ Please check options for header background image via Customize > Colors for Header.

    Note: If you using this theme on another website, you need to buy a license for it. One license only can use for one website.

    Best Regards,

    PenciDesign

  • Shruti replied

    Thank you very much.

    I am using this theme just for my website. Nothing to worry about that. I think Tom replied here by mistake.



  • Shruti replied

    Hi,

    1) How can I change the font size of my page title?

    2) Can I insert a search box in my recipe index page. I have attached an image below.

    Thank You.


  •  2,701
    PenciDesign replied

    Hi,

    1/ You can add more this code to Customize > Custom CSS to do that:

    .penci-page-header h1{ font-size: 28px; }


    Change number 28 to the size you want.


    2/ This theme doesn't support include search box to inside recipe index content page.

    You can select page template for your recipe is "Page With Sidebar" and use Search widget on the sidebar.


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Could you please also help me in the following areas:

    1) I would like to change the font size of the date under post title. Image is attached below.

    2) I would like to remove the borders around the tags, change the font size of the tags and insert a word 'tags' before all the tags. Reference image is attached below.

    3) I would like to remove 'like count' from the bottom of the page. I do not wish to remove social share.

  •  2,701
    PenciDesign replied

    Hi,

    1/ You can add more this code to Customize > Custom CSS to do that:

    .post-box-meta-single span{ font-size: 11px; }

    2/ You can add more this code to Customize > Custom CSS to do that:

    .post-tags:before { content: "Tags:"; margin-right: 6px; }
    .container-single .post-entry .post-tags a{ border: none; color: #313131; padding: 0; font-size: 13px !important; }
    .container-single .post-entry .post-tags a:after { content: ","; }

    3/ You can add more this code to Customize > Custom CSS to do that:

    .post-share > a, .post-share > span { display: none; }

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Thank you very much. 

    In the tags after applying the custom css code there is a comma after the last tag. I have attached an image below. How can I remove the comma from the last tag as it is looking inappropriate.

  •  2,701
    PenciDesign replied

    Hi,

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

    .container-single .post-entry .post-tags a:last-child:after{ content: none; display: none; }

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    I would like to change the font size of the heading of following pages

    - category page

    - search page

    - tag page

    I want to make all the fonts little smaller.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,


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

    .archive-box span, .archive-box h1{ font-size: 18px; }


    Best Regards,

    PenciDesign

  • Shruti replied

    Thank you. :)

  • Shruti replied

    Hi,

    Can I stop gallery images in my post to magnify into slide show? I have attached an image of the magnification happing. I do not want this to happen. I just want the images to be inserted in the post without any extra things happening.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,


    Unfortunately, currently this theme doesn't support this feature.

    We will consider to add more this feature in the next update of Soledad theme.


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Can I remove the rectangle box around latest post heading? I have attached an image below.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,

    Please check options for it in Customize > Colors for Homepage & Home Title Box Options > Homepage Title Box Style


    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    My page container width is 800 but my footer width is full. Is it possible that I fit my Instagram footer widget in 800 container width. I have attached a sample image. Also I would like to have Instagram logo on top and Instagram written below it and not together. Can I also change the font size of the word Instagram?

    When we hover over the Instagram image a border appears. Is it possible to stop that.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,

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

    .footer-instagram{ margin-left: auto; margin-right: auto; max-width: 800px; } 
    .footer-instagram h4.footer-instagram-title span{ font-size: 28px; }
    .jr-insta-thumb ul.thumbnails li a:before, .jr-insta-thumb ul.thumbnails li a:after{ content: none; }

    Best Regards,

    PenciDesign

  • Shruti replied

    Thank you ver much.

    I would like to do few more changes

    1) Can I remove the Instagram logo before the text. I just want Instagram written without the logo?

    2) Can I customise the border width of the thumbnails in the Instagram footer? I want to reduce the border width and also want to fit all the images in one single line and not two.

    3) Can I increase the space on the top and bottom of the word Instagram? 

    T


  •  2,701
    PenciDesign replied

    Hi,

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

    .footer-instagram h4.footer-instagram-title > span:before{ content: none; }

    2/ It's based on your config. You should select Template for Instagram Slider is "Thumbnails Without Border"


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

    .footer-instagram h4.footer-instagram-title{ padding: 20px 0; }

    Change number 20 to value you want.

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Thank you. I have achieved what I wanted.

    Just one last thing, I am aware about the Template for Instagram Slider  "Thumbnails Without Border" but I want to use the option with border but I want to make the borders thinner. I have attached a reference image of the look I am trying to  achieve.

    Thank you for the help.

  •  2,701
    PenciDesign replied

    Hi,

    Please use Template "Thumbnails Without Borders" and add more this code to Customize > Custom CSS:

    .jr-insta-thumb ul.thumbnails.no-border li{ border: 2px solid transparent; border-top: none; border-bottom: none;}

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    Yes. This is what I wanted. Thank you very much.

  • Shruti replied

    Hi, 

    Can I insert Home Penci Slider in between my homepage like http://kraut-kopf.de/?lang=en

    I don't want the slider on the top of page I want it in the middle of the homepage.

    Thank You

  •  2,701
    PenciDesign replied

    Hi,


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

    We will consider to add more this feature in the future.

    Best Regards,

    PenciDesign

  • Shruti replied

    Hi,

    I want to do following changes in my Recipe Index page. I have attached an image of my recipe index page

    1) Change the font size of category title. For example 'Condiments' 

    2) Remove the line from the category heading.

    3) Make post title all Caps

    4) Remove the arrow from View All

    5) Is it possible to align Category name in the top left and view all in top right?

  •  2,701
    PenciDesign replied

    Hi,

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

    .penci-recipe-index-wrap h4.recipe-index-heading{ font-size: 15px; }

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

    .penci-recipe-index-wrap h4.recipe-index-heading > span:before, .penci-recipe-index-wrap h4.recipe-index-heading > span:after{ content: none; display: none; }

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

    .penci-recipe-index-wrap .penci-recipe-index-title a{ text-transfrom: uppercase; }

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

    .penci-recipe-index-wrap .penci-index-more-link a i{ display: none; }

    5/ Sorry this theme doesn't support this feature.


    And please note:

    I think you should check Envato Support Policy for all items on themeforest here

    However, item support does not include: 

    - Customization services

    While you did requirements us a lot of customize services questions. Please limit it


    Best Regards,

    PenciDesign

  • Shruti replied

    Okay.

    Thank you very much.

    Sorry for any inconvenience caused.