-
Posts
-
I am building a page with pictures and descriptions. My issue is that the descriptions are different lengths and it extends the boxes depending on the description length, leaving the page messy. I can not figure out how to make the page look good, with a structure to it.. Please advise.
Hey doperdoll!
I checked the site, there is now a correct way to do it, because each of those columns, if it gets to equal height it will have a lot of space below the text, so that can not be fixed an other way.
We can only supply some CSS to have the same height, nothing else.
Let us know if we can do something else to assist further
Best regards,
BasilisThank you for your response. It makes sense each box will have a different height depending on the amount of text.
What if I put the text on the Left and the picture on the Right?
***How do I put the text on the left and picture on the right?
– Is there a way using the advanced editor —-> “layout element” —-> “content element”—> “text block” on the left (inside the “layout element”) —> “media element”—-> “image” on the right (inside the “layout element” ?or can you think of another nice way to lay it out so my page is not messy?
Hi,
Did you change the layout of the page? Please create a test page where we can see the issue.
What if I put the text on the Left and the picture on the Right?
***How do I put the text on the left and picture on the right?Use the code or text block element then add the content using html codes. Insert the image using the img tag then align it to the left or add the class attribute “alignleft”.
Best regards,
IsmaelI do not know the HTML to arrange the boxes with the text on the left, and the photo on the right? Please let me know how to do this?
Can I do this using the advanced editor?
i think I need to wrap the text around the photo? I think this maybe able to be done inside a text box but I do not know how to do it? Can you instruct me how?
the second issue will be that the the different blocks sit on top of each other. There is no space between them. You can see on my page what I am talking about.
Hi,
Could you please provide a screenshot of the expected layout of the page? Please edit the first column in a row then set the Equal Height Columns settings to have a Equal Height. Regarding the image alignment, this is an example:
<a href="URL HERE"><img class="alignleft size-thumbnail wp-image-40" src="IMAGE URI HERE" alt="" width="" height="" /></a>Click here to add your own text. Click here to add your own text.Noticed the “alignleft” class attribute? It will force the image to float to the left allowing the text to wrap around it.
Best regards,
IsmaelHi,
1. Insert the text and click inside the text content where the image has to be inserted.
2. Click Add Media to insert the image and select left align to wrap text around it.Best regards,
VinaySlightly similar question but mine refers to the page layout. Right now i have 3 columns but i want it to be the fullwidth of the page to be a dashboard. Is this possible?
Hi,
@craig_corfield: I’m sorry but I don’t understand your request clearly. Could you please provide a screenshot? If possible, please create a new thread with the url to the page and the screenshot.Best regards,
IsmaelI reproduced a page using your directions. No problems everything worked just as you said it would. My real issue is I want to display text next to a picture or under a picture, and the amount of text is always different, and the picture is always 500×315 pics. , My problem is I can not get the page to look good. I am trying to display on one page a bunch of projects I have completed and their descriptions and I need it to look good. Any ideas?
In the private section I will attach a link to the 2 formats I currently am using and you will see what I am talking about.
I need the heights of the boxes to be the same, the text centered, but overall I just need everything to look good.
Hi!
I am trying to display on one page a bunch of projects I have completed and their descriptions and I need it to look good. Any ideas?
Instead of adding the content manually, create a portfolio item for each project then use the Portfolio Grid or the Masonry element to display every projects or portfolio items created.
Best regards,
IsmaelThank you for your response.
My problem is the pictures are the same size but the text are different lengths.
Example 1: Picture above – text below (text are different sizes) = the size of the boxes are different.
Example 2: Picture on the right text on the left = takes up a lot of space and leaves a lot of white space when there isn’t much text.Please see “private” for example 1 and example 2.
In Example 1 (Picture above Text below) I want the all of the boxes to be the same size so the page lays out nicely, regardless of how much text there is in each box.
In Example 2: (Picture on the right text on the left) each box can only take up half of the page = 2 boxes on each row.
Hi,
There are a lot of ways that you can present these projects or portfolio and I think the current layout is a bit complicated. You can define the maximum height of these boxes but it will take a lot of css codes because the content inside varies.
Please look at the following demo page and click one of the items. You can do the same with your projects: http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/
Best regards,
IsmaelThe issue is I want to just display all of the info on one page so the user isn’t clicking around.
All of the photos 500×315. The only thing that changes is the amount of text.
I was thinking put the text on the left and picture on the right and each project will only get to display on half of the page. That way the total box height would stay the same and the width would stay the same, and I would have the pictures height to write all of the text I need. However I may need to shrink the picture a little bit. Can you tell me how to make it work like I described?
Hi,
The issue is I want to just display all of the info on one page so the user isn’t clicking around.
You can do that with the portfolio ajax. http://kriesi.at/themes/enfold/portfolio/portfolio-ajax/
That way the total box height would stay the same and the width would stay the same, and I would have the pictures height to write all of the text I need.
This is not possible because the content inside the items varies. This will require modifications that we won’t be able to provide here. Please hire a freelance developer or contact codeable. http://kriesi.at/contact
Best regards,
IsmaelOk so I am trying to use the Portfolio slider as you recommend, However, I do not see in the media elements or the content elements the “portfolio slider”. How do I set it up? What is the media element or the content element I use to make a portfolio slider? and do I put it inside a layout element?
I need instructions on how to do this
but instead of it saying “Most recent entries” I will put my own description.
Please provide step by step instructions.
I would like to this maybe but I need a step by step tutorial.
can you direct me to a link where I can see how to tutorial on how to make my pages look like your demo pages?
Hi,
Please refer to this post – http://kriesi.at/documentation/enfold/create-new-portfolio-item/ and create a new portfolio item and add 2/3 column element to the left and 1/3 column element to the right and insert Easy Slider inside 2/3 column element and add text block element and accordion element to the 1/3 column element. Then you can add any other element you would like to display below them.
Best regards,
Yigit
- You must be logged in to reply to this topic.