-
Posts
-
Hi!
I’m a graphic designer and I’m translating my design skills to cater to web desing.
I’m quite new to the in and out of WordPress theme and its intricacies so pardon my question.I’m having a hard time figuring out how to do this type of layout () right now it looks like this (Screenshot)
I can’t seem to figure how to make the wordpress follow the approved design of client.Can anyone help me on this?
Hi cjsalvador!
You can add 1/1 column element to top of your page and below two 1/2 column elements, one with tall image as seen on the left side, and other one with two images. So it should look like this – http://i.imgur.com/F9AqEXa.png
Regards,
YigitHey! Thanks for your quick response!
I did that already.
That was my first instinct. But that’s when I started having trouble.
See this – https://www.dropbox.com/s/3ny9n0r0kindygw/Edit%20Page%20%E2%80%B9%20Makai%20Collective%20%E2%80%94%20WordPress.png?dl=0But what happened was still this – https://www.dropbox.com/s/ahfg8tqrfm2atax/Makai%20Collective%20%20%20Homepage_001.png?dl=0
Help!
Hey!
Your screenshot is removed. We could provide you some custom CSS for that layout. Please re-upload your screenshot
Best regards,
YigitWordpress Builder screenshot – https://www.dropbox.com/s/3ny9n0r0kindygw/Edit%20Page%20%E2%80%B9%20Makai%20Collective%20%E2%80%94%20WordPress.png?dl=0
How it looks like screenshot –
https://www.dropbox.com/s/ahfg8tqrfm2atax/Makai%20Collective%20%20%20Homepage_001.png?dl=0A custom css. Oh so that’s how. No other way?
Thank you! You guys are great.Hi!
I actually meant the screenshot you posted in your first post – https://kriesi.at/support/topic/layout-problem/#post-324118
Sorry for the confusion :)Cheers!
YigitHi! Sorry, brought it down.
Here is the link of “how it looks like” – https://www.dropbox.com/s/tlteun2s13oefk5/Makai%20Collective%20%20%20Homepage_002.png?dl=0
Here is the link of “how the wordpress setting look like” – https://www.dropbox.com/s/3ny9n0r0kindygw/Edit%20Page%20%E2%80%B9%20Makai%20Collective%20%E2%80%94%20WordPress.png?dl=0
Here is the link of “how it should look like” – https://www.dropbox.com/s/7gqrdpygvuyji9c/website_makai-co_001.pdf?dl=0
Hi!
This is a somewhat complex task but it is possible to do it with Enfold, i’ll help you get started; basically you’d need to edit the css/grid.css file in order to remove the default spacing columns have.
You can do this by editing the css/grid.css manually or editing the LESS file (css/grid.less) and recompiling it, you can use this website for that, try changing the @flexGutter value in line 347.
Cheers!
JosueAwesome! There’s a workaround.
But, the grid.css file is not in my css folder. What do you think I’m doing wrong?
Thanks
- You must be logged in to reply to this topic.