Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #474435

    I need to make a web page exactly like this – wpprofitbuilder.com/jvtools/ and need to make some text boxes like a below mentioned screenshots. Can you please tell me how to do that, as whenever I’m trying to embed the code, it automatically convert into a Image or YouTube video. Please see the above and below mentioned url, what exactly I’m trying to say!

    1. http://s23.postimg.org/hwvy1marv/image.png
    2. http://s9.postimg.org/ggyfyg7j3/image.png

    Reference:- wpprofitbuilder.com/jvtools/

    Thanks in advance!

    #474556

    Hi Hardeep!

    Try switching to the default editor instead of the advanced layout builder. You should be able to use textarea elements then.

    Cheers!
    Elliott

    #474706

    Have you tried this answer before posting ?? because when we write YouTube embed code it will automatically converted into video. I’m looking for something like this:

    1. http://s23.postimg.org/hwvy1marv/image.png
    2. http://s9.postimg.org/ggyfyg7j3/image.png

    Reference:- wpprofitbuilder.com/jvtools/

    #474726

    Hey!

    Please provide us with the code you are using, while on ” text ” mode!

    Regards,
    Basilis

    #474730

    Image code:

    YouTube Code:
    <iframe width=”850″ height=”479″ src=”//www.youtube.com/embed/D8C3Pp8JBWE?rel=0&showinfo=0&modestbranding=1″ frameborder=”0″ allowfullscreen></iframe>

    Reference: (You can see exactly, what I’m looking for)
    wpprofitbuilder.com/jvtools/

    ——————————

    Apart from the above mentioned question, I have one more question, how I can edit “Code Block” quick CSS like font style and all, after disabling all the three menu like this : http://s15.postimg.org/obkrt7l0b/image.png

    Please see the screenshot:

    #474732

    I’m sorry I think this site also convert the image part:

    Image code:
    < img src=’http://wpprofitbuilder.com/images/PB_120x600.jpg&#8217; height=’600px’ width=’120px’ >

    YouTube Code:
    <iframe width=”850″ height=”479″ src=”//www.youtube.com/embed/D8C3Pp8JBWE?rel=0&showinfo=0&modestbranding=1″ frameborder=”0″ allowfullscreen></iframe>

    Reference: (You can see exactly, what I’m looking for)
    wpprofitbuilder.com/jvtools/

    ——————————

    Apart from the above mentioned question, I have one more question, how I can edit “Code Block” quick CSS like font style and all, after disabling all the three menu like this : http://s15.postimg.org/obkrt7l0b/image.png

    #475035

    I guess what you are trying to do is show that code as an actual code and not as its rendered version, you’d need “escape” the code before pasting it:
    http://www.freeformatter.com/html-escape.html

    Regards,
    Josue

    #475041

    It is working but not perfectly working as I’m looking for, as it is breaking code after updation. Any other suggestion ??

    Apart from the above mentioned question, I have one more question, how I can edit “Code Block” quick CSS like font style and all, after disabling all the three menu like this : http://s15.postimg.org/obkrt7l0b/image.png

    #475045

    Sorry i don’t understand what you are trying to do with the Code Block.

    #475046

    I can post the same lines of text with the help of Code Block, but it’s formatting is looking too odd. That’s why I’m asking how to edit a quick css for this code block thing ?

    #475060

    Can you post the link to the page where you’re trying this?

    #475066

    I’m sorry website is on a development server, so wont be able to show you the live proof.

    I’m just using code block thing with all 3 options ticketed but the text is looking too odd so need to edit that text with the quick CSS of code block function.

    #475153

    Hm, will not be easy to help you in that case, can you post a screenshot of how it looks and what you want to change?

    #475260

    Code block after checked all 3 options like this : http://s15.postimg.org/obkrt7l0b/image.png

    You can try yourself doing the same. Follor these steps:

    1. Write some html code in Code Block.
    2. Tick mark all three options, like I did in the screenshot above.
    3. And then save and see the output.

    That final output I need to edit with some quick CSS.

    Hope you get my point this time.

    #475308

    That final output I need to edit with some quick CSS.

    How does the final output looks and what do you want to edit there exactly?

    #475334

    I want to make it bold with

    #475367

    Set a custom class (ex: make_this_bold) to the code block and add this to Quick CSS:

    .make_this_bold, .make_this_bold *{
    font-weight: bold;
    }

    Regards,
    Josue

    #475428

    But dear when all 3 options are ticked like this :- http://s15.postimg.org/obkrt7l0b/image.png then how this code work. Is it working on your end ? Have you tried it ?

    #475467

    Hey!

    It is a bit hard for us to work with screenshots on code.
    Please do let us know when you upload the site, and we will be happy to assist you further on that

    Best regards,
    Basilis

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.