Page Header Image

changing the photos on dummy content

Home Forums BOX WordPress Theme changing the photos on dummy content

Viewing 2 reply threads
  • Author
    Posts
    • #73865
      MargaretMargaret
      Member

      I have successfully loaded dummy content and can easily change text, colors and simple things to reflect my individual web-site. However, I do not understand how to switch photos. Your images use a http://…reference in the code on the dummy pages. How do I switch to my images that I have uploaded to the wordpress site (server) at the end will a photo appear in the “coding section / editor” of PAGES or will it be a text (written) reference to the image I have uploaded to WordPress? Or do I keep all photos in a folder and upload to the server via FTP? Do you have an instruction sheet on this procedure?

      Here is the first page I attempted to make: http://margaretrodgers.com/blog/ut-graduates. This was based on the FULL HEIGHT demo page. If you take a look, the photos do not touch and I created the “opacity-look” on my own in photoshop. Can you help with what I am doing wrong?

      Here is the “Grab the code” for FULL HEIGHT: How do I reference the image? and is “content here” for text? I’ve tried putting a photo from my image gallery in both places….

      [tds-splitlayout]
      [tds-splitcolumn animation=fadeIn image=imageurl backgroundcolor=#e5e5e5 textcolor=#666 backgroundopacity=85 width=30%]
      Content here
      [/tds-splitcolumn]
      [tds-splitcolumn animation=fadeIn image=imageurl backgroundcolor=#e5e5e5 textcolor=#666 backgroundopacity=85 width=70%]
      Content here
      [/tds-splitcolumn]
      [/tds-splitlayout]

      I think if you can help me solve this problem I can make progress on all the other pages I have in progress.

      Thank you very much.
      regards,
      margaret

    • #73866
      MargaretMargaret
      Member

      OK, So I discovered how to change the photos in the dummy pages…… I put them in the images folder on server via FTP and referenced that image http:…address.

      Now they are too enlarged, is there a way to reduce the size of them and have as actual size? I searched the posts and found a similar question, but no response.

      thanks in advance for your assistance,
      regards,
      margaret

    • #73869

      Hi Margaret,

      The best way is the make your images exactly on the right sizes, and it depends of the design or columns etc how big the images need to be to have it look great.

      I always use 1920x1080px, 72 dpi for full screen, say I want a 2 column and full height then I use 960x1080px etc.

      When you have your images ready, just go to a page or post and upload your images via the default media uploader. This will save you a trip by FTP, and WordPress will have your images save. And then just copy the url into the shortcode/page/post.

      Here is some more info about uploading images: https://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages

      Good Luck,
      Mike

Viewing 2 reply threads
  • You must be logged in to reply to this topic.