Okay
  Public Ticket #2596081
how to change image in a template
Closed

Comments

  • Robin Manoli started the conversation

    Hi, I have just added the Ageless Hero template (with the monkey) to a page. I can't figure out how to change the monkey image to my own image. How do I do that?

    Also, how do you change image generally from any salient studio template?

  •  2,963
    Andrew replied

    Hi Robin,

    For you to change an image you have to edit the page with wpbakery page builder the you will see the page divided into several element from there you edit using the specific element settings.

    In this case you change from here:

    5564088920.png

    Thanks.

  • Robin Manoli replied

    Ok thanks, I found it under the background tab.

    Now I'm trying to figure out how I can adjust the column width.

    The title is wider than the left column, so that the title text is overlapping the monkey. How can I make the title text not overlap the monkey?

  •  2,963
    Andrew replied

    Hi Robin,

    Try changing the settings below:

    7151060849.png

    Hope this helps.

    Kind Regards.


  • Robin Manoli replied

    Andrew, I can't see which inner column you are editing.

    I have tried your suggestion to each inner column, that is to "Protecting our...", "Through steady..." and the inner column which contains the monkey image. None of those paddings, left or right, make any difference.

  •  2,963
    Andrew replied

    Hi Robin,

    Try editing from here:

    7990345495.png

    The inner column settings of the highlighted text.

    Hope this helps.

    Thanks

  • Robin Manoli replied

    Thanks, but I couldn't get it to work.

    I have changed now to the template Corporate Simple Hero. The text there says "Breathing life into brands through stunning design", but each letter g is cropped at the bottom. How can I see the whole letter g? 

  •  2,963
    Andrew replied

    Hi Robin,

    How about you customize the font size and style from here:

    5233725925.png

    Hope this helps.

    Thanks.

  • Robin Manoli replied

    Well in that case I had to use a really tiny font. It worked when I added custom css and line height as written here: https://themenectar.ticksy.com/ticket/1893223/


    .nectar-split-heading h1 {
        line-height: 1.2em;
    }


    I had to set a line height a bit bigger than my font size.