Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • July 16, 2015 at 4:43 pm #474435
    hardeep_singh04

    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!

    July 16, 2015 at 8:56 pm #474556
    Elliott

    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

    July 17, 2015 at 8:03 am #474706
    hardeep_singh04

    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/

    July 17, 2015 at 8:40 am #474726
    Basilis

    Hey!

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

    Regards,
    Basilis

    July 17, 2015 at 8:48 am #474730
    hardeep_singh04

    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:

    July 17, 2015 at 8:49 am #474732
    hardeep_singh04

    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

    July 17, 2015 at 4:14 pm #475035
    Josue

    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

    July 17, 2015 at 4:30 pm #475041
    hardeep_singh04

    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

    July 17, 2015 at 4:38 pm #475045
    Josue

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

    July 17, 2015 at 4:40 pm #475046
    hardeep_singh04

    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 ?

    July 17, 2015 at 5:02 pm #475060
    Josue

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

    July 17, 2015 at 5:06 pm #475066
    hardeep_singh04

    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.

    July 17, 2015 at 9:01 pm #475153
    Josue

    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?

    July 18, 2015 at 12:17 pm #475260
    hardeep_singh04

    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.

    July 18, 2015 at 11:12 pm #475308
    Josue

    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?

    July 19, 2015 at 6:17 am #475334
    hardeep_singh04

    I want to make it bold with

    July 19, 2015 at 11:31 am #475367
    Josue

    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

    July 19, 2015 at 6:20 pm #475428
    hardeep_singh04

    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 ?

    July 19, 2015 at 9:46 pm #475467
    Basilis

    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

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