Expression Engine & CSS

I’ve been learning using Expression Engine. One thing has me stumpted though. I have a layout that uses a four column grid (see http://training.customstudio.co.uk/services). This uses three CSS...

Show info when hover over thumbnail

I've created a grid portfolio page on my website and I'm looking to add a feature to the thumbnails. I'd like that whenever someone hovers over a thumbnail, it will show the post title, date of...

Wordpress and Masonry plugin within a fluid grid

Please see the website/page in question: www.lewismalpas.co.uk/blog/portfolio First time posting on Stack so hopefully some of you wiser members can help me as I have been struggling to get the...

How to program a complexe images grid with javascript

For a portfolio website, I'll have to develop a visual grid of images. I am now doing tests for this grid. I have two alternatives: 1.A simple grid, with vertical alignments, like the one on this...

Custom Grid Query Syntax for Rally Portfolio Items for specific Parent Project via WebService API

We're starting to experiment with Rally's WebService API for Portfolio Items. We don't have any issues when creating Custom GRID apps in Rally, but are running into an issue when trying to create...

Overlapping divs on IE < 9 - working fine on IE9 and other browsers

I've developed an website (by the way, for a young and very creative artist :) but I'm having a problem with overlapping divs. It can be seen at http://www.anaaragao.com/galeria/ If you press...

Lazy loading of images in two separate columns simultaneously

I'm building a photography portfolio. I have two adjacent div columns floated left, each containing a long list of images sized to 100% of the width of the columns. This makes for a nice...

Reveal hidden div via slideToggle without pushing down other divs

I ran into this issue while building my online design portfolio. It seems complex to me, but I know there is a way to do it, so I am frustrated that I can't find a solution. Please help! My design...

How to position multiple screen filled (responsive) DIV's?

I'm working on this for a couple of days but can't figure out how to do this properly. I want to have a website that contains 25 images. Now, every image should be screen filling, and therefore be...

Isotope container not center aligning

I'm using Isotope for my portfolio site and I'm running into some trouble trying to center the grid items. Here's my folio for reference: http://vontheodore.com The below jsfiddle is using the...

Responsive images to fit in container both vertically and horizontally ? (screenshots of issue)

I've been working on a website to put my portfolio in for a bit. I tried to keep a pretty simple design since the website itself is not supposed to be the center of attention, but I would still...

Is there an alternative to .toggle() that will let me control on/off?

I am developing a portfolio website and I want to be able to tag items in the page that displays work so you can toggle visibility. I have it set up with .toggle() right now, which works, except...

How to display Custom Post type in bootstrap columns in Wordpress

i am trying to display feature images from a custom post type (Wordpress) but i am not skilled in PHP, I am using an HTML startbootstrap template called (Business) witch use Bootstrap framework, i...

Extra white space at bottom of div; overflow:hidden helps, but causes another issue

I'm working on a photography portfolio site that utilizes column-count to create a 3x3 grid of pictures (for most resolutions). My div setup is the following: <div id="photo-container"> <div...

Changing overlay color for single item in a grid with CSS

<div id="56c46f8385953" class="mg_box mg_pre_show col1_3 row1_3 m_col1_2 m_row1_3 mgi_14 mg_pag_1 mg_gallery mg_transitions mg_closed " rel="pid_14" mgi_w="0.333" mgi_h="0.333" mgi_mw="0.5"...

How to make wordpress visual composer attribute check box checked initially

according to visual composer knowledge base we can add attribute like vc_map( array( "name" => __("Portfolio Grid", "js_composer"), "base" => "abc-portfolio", "description" =>...

How can I get Bootstrap four columns grid span two rows on a second column?

How can I get Bootstrap four columns grid span two rows on a second column? Hi, if somene can help me to achieve the kind of portfolio grid with 4 columns (see the pic enter image description...

Horizontal scroll bar with right and left arrow keys

I have searched through the questions, but couldn't find a solution for mine. If this question is a duplicate, i am sorry in advance :) I already asked the theme creator for a solution, but he...

Adding a masonry layout to shopify portfolio page

I've been putting together a portfolio page on a shopify theme I have been developing and I wanted to style the page to have a masonry style grid layout. So far the ways I've been working at it...

Add class to siblings when Component clicked in React

I'm working on building my portfolio using React.js. In one section, I have four components laid out in a grid. What I want to do achieve is when one component is clicked, a css class is added to...

Architetural Considerations for VueJS project: Implementing Vuex

Our front-end team is presently working on a Reporting application with the following features: Dashboards Portfolio Analysis Tool (search form that returns grid-based results) Automated Reports...

Having trouble to place 6 divs as a 2x3 vertical grid

I've been learning HTML and CSS for a week now and I started an online course. At the end of the first part of it I have to create a responsive portfolio page. I do not have any projects yet as...

sub-menu expansion and innerHTML replacement based on onclick, using just Javascript

First, I should mention that I'm about 4-weeks new to the coding world, and this is the first time I'm trying to make (what I thought would be) a simple site. I have seen many similar questions on...

Sanity.io - Add custom date to slug url

I'm building a Gatsby portfolio site with a Sanity back-end. The homepage of the site is going to feature a grid of tiles which link through to blog posts. I want the blog post URLS to have the...

How to make the isotope layout with flat bottom?

I'm using isotope js https://isotope.metafizzy.co/ and can't understand how to make my layout with flat bottom as here https://diefinnhutte.qodeinteractive.com/masonry-portfolio/. I can't set...

WordPress Isotope Integration - Custom Post Type Filters

Am trying to integrate Isotope with WordPress to create a filterable portfolio grid. It's displaying the Project categories (my custom post type and taxonomy) but not showing posts from that...