Arrange fields in a view - drupal

Now after searching for 2 weeks afther a module to work on drupal 7.x version whatever, I took another way/module/guide/tutorial and yes finally i got somehow what i want without a error occures.
But now i want to make something very simple but i don't see it.
I have the module view and panel. And i want to list 3 fields in the next way:
**so you need 10 reputation for images, i'll try it to explain it like this:
|=
(where "|" is the thumbnail and "-" are the title and the other "-" is the date.
Now it shows like this:
title
date
thumbnail
I see alot on the internet about , display suite, panels, view with rewrite output, ...
But this must be soooo simple and that is getting me crazy. If i know how i just could write it myself in php/html whatever i would do it.
But i can't see the forest for the trees
Please give me something to work with or a link of a tutorial whatever. I need a right direction for this.
Yes my english is bad and i hate drupal, but still , i think drupal can be great, but it is not for me.

You are talking about "theming" which is how your fields are displayed on the screen. By default Views emits some HTML that wraps them in elements like . The exact HTML depends on which type of display you are using.
The quickest way to achieve the layout you describe is not really about Views at all, but using CSS. Make the thumbnail float:left and ensure the other two are displayed inline (without line break).

Related

Where + how to edit Wordpress CSS to create a dropdown scrollable submenu in Wordpress?

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

no template defined wordpress masterstudy

I'm trying to do the layout of a course on masterstudy in wordpress, but I'd like to make a template for certain parts of the course, lets say for example when I hover over the title, show an image, when I click on a paragraph, make another one appear next to it etc... I think it is possible to have shortcuts for these and not have to copy paste the code each time I want to have these effects. I think this icon(see image) might do the trick (not sure) but I can't seem to save a template in my dashboard. So if it is indeed this button, can you please explain me how to save templates, and if it is not the solution can you explain me where to look ? The screenshot shows the Tiny MCE editor
Thanks screenshot

How to make complete masonry box clickable - Wordpress

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).

Can't edit drupal block

I'm trying to add this block but can't see the content...
I have try to change the input type from filtered html to full and to php but still can't see the content to edit it...
Thank you
See image
Answer to the original question
From the limited details you provided, it "appears" to me that what you are trying to say is something like this: "I want to edit the content of some block, but the block is not shown anywhere (and therefor I cannot edit it either)".
If I'm correctly interpreting your problem, then I'm about sure that you should navigate to admin/structure/block within your site. Then select the TAB (near the top) that corresponds to the Drupal "theme" that you are using. Probably the very first tab to the left is what you need to be looking at. Scroll down to the bottom of that page, towards the set of blocks below "Disabled". There you should then see the block listed that you are looking for. Edit the selection list to the right of it, and select a "region" like left column, 1st column, or whatever other region you want (just NOT disabled). And hit the "save" button near the bottom of that list. Then verify if the block starts to show up.
If this is NOT what you are looking for, then consider editing your question to better explain what your problem really is.
Answer to the extra comment
The comment added to this answer seems to be a completely different question. This is what the coment looks like (slightly reformatted to enhance readability):
... I have a views that shows one post per category at citybet.gr and need to remove the 2 last ones (Μπόμπες and Γκολ - Γκολ). This views is showing like a block but when I tried to edit this block I can't see the content to edit. I just can't find a way to remove the 2 last categories.
Some things to address this:
this "block" (as you call it) is shown because you probably have nothing specified within "Site Information" (within configuration) as the relative path of your homepage. So therefor you use the default, which is relative path "Node", and which shows a list of "teasers" of nodes that have been marked as "promoted to the frontpage".
if you do not want to include any of these teasers of specific nodes (like the 2 nodes you mentioned with Μπόμπες and Γκολ - Γκολ), then for each of these nodes you have to edit them and uncheck the flag that says "promoted" to frontpage. After you do so, those 2 specific nodes will no longer be shown in the list of teasers of nodes promoted to the front page.
Curious to hear if this somehow helps ...
PS: the layout of that ticker-bar near the top of your page is way to long (at the right), and causes a terrible display of your entire site on (at least) my mobile device ... you may want to work on that as well ...

JQuery Plugin (Hover-Caption) Adding Offset to Images In Internet Explorer (all versions)

I have a Wordpress site that uses a JQuery plugin called Hover-Caption ( https://github.com/coryschires/hover-caption ).
The main page of site: (http://brighidfitzsimons.com) looks good.
However in Internet Explorer 9, a similar page based on Category adds a 282px top offset to the post thumbnail image. (http://brighidfitzsimons.com/category/lifestyle/)
I am new web developer so I am struggling to figure out how to isolate problem. Based on this stackoverflow entry ( How do I get rid of an element's offset using CSS? ) my current train of thought is to add a IE specific CSS sheet to 'reverse' the offset but I can't seem to get at the offending element. Also I'm confused why works on main page but not on category page. If you watch page loading carefully, it initially loads correctly then at the very end the images are moved down. Perhaps this is a clue.
First stackoverflow entry so I hope I have followed correct ettiquete. Please advise if you need me to provide any more information.
Thanks for taking time to read problem.
Regards Simon
It has something to do with the substitutions of the content inside the title, probably some quirk about ie9 which someone else would have more of an idea for me
just so you can take my word for it: http://jsfiddle.net/BXjK3/
the first two i have removed all the greater, lesser and quotes and it works, but I would say the browser does the substitutions before Javascript can see it, and it all goes down-hill
edit: worth mentioning the reason it looks like that is because the text is no longer properly contained, and so the display none is not taking effect on it, pushing all the images down and making it a jumble, due to the way the content is loaded the ie inspection cannot show me how the text is after the javascript, only what was loaded on page load, so i can't give you more help than that

Resources