This is my page: http://www.theonewhogetsit.com/shorter-width/
The large width makes it too hard for the readers to read through it.
I want to basically make cut the width of the page in half (but only for this page).
What do you think?
Welcome to Stack Overflow! This is the kind of question that sometimes takes a bit of a pasting on this site, don't let that make you think it's any less awesome though :)
You want to create a custom template for this page, here's the link to how to go about dong that;
Wordpress Custom Templates
You would copy the existing page.php template, rename it as per the instructions above and then change the HTML markup in that template so the div containing <?php the_content; ?> was wrapped in a new id or class. Then you'd use CSS to set the width of that id/class to 50%.
That's a rough guide, if you get stuck then come back with specific questions - paste up your code from the template and your CSS and you will get quick answers here. Good luck.
Related
I am a writer and I have menu for my chapters list on my website of 30+ chapters and currently it annoyingly looks like this:
current website
As you can see it cuts off, and Wordpress annoyingly doesn't have a feature that turns it automatically scrollable. There are 30+ chapters and you have to keep scrolling, scrolling, scrolling down to see them all.
I have found some good looking solutions on StackOverflow but don't know where and how to apply them on Wordpress.
If anyone could talk me through literally step-by-step 1. where to find the CSS of my Wordpress site 2. the code I'll need 3. where to paste it 4. if there's anything I need to add to the navigation block's inidividual "Additional CSS Classes" part like so: Additional box in the corner and anything else I need to do. I would be super grateful!
One of my fears is just dumping a bit of code somewhere in the middle of editable CSS and screwing up my entire site! My CSS knowledge is super beginner so laymans terms is very much appreciated thanks :)
I tried using Plugins (those seem even more confusing than CSS) and have considered using Elementor too but I have Googled and YouTubed, trying to find a solution and nowhere has something as specific as what I'm looking to achieve frustratingly.
I tried following this youtube video: https://www.youtube.com/watch?v=73XjO7hFZaw but didn't know what my "Target Element Selector" was, even when I went into Inspect on Chrome, all I found was this
When i make a post in my website then it's paragraph(text editor content) is not show proper way in front end website(wordpress) .
but content is show in text editor in proper way.
Please give me a solution!
A lots of thanks..enter image description here
enter image description here
Talk to your HTML CSS developers about that..I dont think there is any technical issues. Your paragraph tag must be made to display:none as far as my knowledge is concerned.
It seems that your theme doesn't support RTL, you can ask the theme developer about this problem or apply the CSS yourself.
https://codex.wordpress.org/Right_to_Left_Language_Support
https://www.youtube.com/watch?v=1qxuBsQd74I
He everyone,
simple question for everone.
I am trying to build this style but i am very new in WordPress and cant figure it out myself.
See the link below:
https://blind.com/what-we-do/
I like the part "Strategy, Branding, Digital, Motion" with the test one side and image the other side.
I would like to recreate this exact style with the Responsiveness included.
Thank you for your help.
Alexandre
Since you've mentioned that you're using Siteorigin's page builder, I've decided to do a short video of how I would arrange the elements on the builder to achieve the results you're after.
here's my screencast: http://somup.com/cFit60VLyy
Now there are few flaws with siteorigin's pagebuilder - there is no inbuilt column equalizer for rows unlike other page builders like WPbakery and elementor. So you will have to use a plugin or write your own CSS. If you want to go the plugin way, install the Equal height columns plugin
And then you can add a class to any column you want to have equal width on left and right. You can see in my video that I've used the "equal" class under the attributes of the cells.
Depending on the theme you're using, you might need to write some CSS for margins and paddings. I'm sure its quite straight forward. You can do this in 10 mins straight.
Good luck.
I have a site: http://weltreise.inomex.ch/
I have three columsn Monsonry. I'm trying to make the complete each box clickable to complete post. Currently, only read more takes me to complete article. Any idea how to do it?
Thanks
How are you running the loop that delivers content to the blocks (plugin, custom template, etc.)
You need to make sure the link tags are being placed around the entire block, not just the "read more" link.
Author won't change theme just for you. It is also bad practice to change php file code by yourself, because of all updates and stuff. I would suggest that you add custom javascript(jQuery) (it is dirty solution, but it should work). Also be careful. Even if you wrap masonry brick with anchor(a), you should remove links that are inside that brick -> you should change anchor(a) with something else (span).
Although this question is specific to Floatbox (http://floatboxjs.com/demo), this issue would be generic to most image gallery light-boxes.
I need Floatbox to be able to show my image galleries per Isotope's reordering of page elements; e.g. div - thumbs. For what Isotope does please see http://isotope.metafizzy.co/demos/sorting.html .
The problem is that plugins, like Floatbox, get their page order of elements (thumbnails) off of the initial div's on the page. From what I can understand of Isotope, it doesn't actually rewrite the HTML to allow scripts like Floatbox to the read/parse the new order of displayed thumbnails.
I only have a very black box understanding of jQuery so I suppose I am asking if there is a way to rewrite the page such that scripts like Floatbox can then be called to parse them in Isotopes new 'displayed' order.
I have hunted everywhere for a solution, but I cannot even find much in the way of anyone asking this question. That seems odd as this affects everyone who uses a Masonry/Isotope and lightbox combo ~ being able to advance via a lightbox in the newly sorted order instead of the original page order.
For what it's worth, the site with the galleries I am working on is leo labelle dot com.
PS - I posted a similar question to the creator of Floatbox and unfortunately his best solution was to rewrite the pages in each possible order . . . yikes!!!!
Regardless of a solution - A huge thanks for any suggestions!