Docs

[rmoss]

Hey guys, I was hoping you could help me with a code segment.

Site: dominionpayroll.com
WP: 4.5.2
X: 4.4.2

I am trying to make the images in this section appear full size, but for some reason, they are only showing up as thumbnails. (Granted, I took this HTML from a place on the site where we wanted them to appear as thumbnails, however, when I change the code to full size, they still appear as thumbnails)

For example, I changed “data-options=”thumbnail:” to data-options=”full-size:”, but they are still showing up as thumbnails. I also tried a few more iterations of full-size, full size, fullsize, and none of them worked.

Here is the original code:
<div class=”feature-block”><h5>Talent <br />Acquisition</h5></div>
<div class=”feature-block”><h5>Time &<br />Attendance</h5></div>
<div class=”feature-block”><h5>Payroll <br />Services</h5></div>
<div class=”feature-block”><h5>Human <br />Resources</h5></div>
<div class=”feature-block”><h5>Benefits <br />Admin</h5></div>

Here is the code I am trying to use:
<div class=”feature-block”><h5>Richmond</h5></div>
<div class=”feature-block”><h5>Charlotte</h5></div>
<div class=”feature-block”><h5>Nashville</h5></div>
<div class=”feature-block”><h5>Tampa</h5></div>
<div class=”feature-block”><h5>Austin</h5></div>

What can I do to make them show up full size? I have searched for answers and haven’t found anything so I am hoping you guys could help out!

Thank you!!

[rmoss]

Okay so I saw that when I posted this it output some of the code. Can you guys still see the code segments themselves without the images showing up? Let me know if I need to send it again.

Thanks

[Rahul]

Hey there,

Please use the code format to post the codes. (See screenshot)

Thanks

[rmoss]

This reply has been marked as private.

[rmoss]

This reply has been marked as private.

[rmoss]

This reply has been marked as private.

[Joao]

Hi There,

I am not quite sure what you are trying to achieve.

If you are refering to the images with a Man and + / Money / Clock / Many people the images are 156×156 so they won´t be bigger.

If you are refering to the other images. I guess you could simply use the code as the example below:

<div class=”feat`ure-block”><h5>Richmond</h5><a class=”x-img x-img-link x-img-none none” href=”http://dominionpayroll.com/richmond-virginia/”><img src=”http://dominionpayroll.com/next/wp-content/uploads/Richmond-VACircle-e1439825714737.jpg”></a></div&gt;
`
No need for:
"data-options="full-size: 'http://dominionpayroll.com/next/wp-content/uploads/Richmond-VACircle-e1439825714737.jpg'

Hope that helps,

If I wasn´t clear or didn´t understand your point will pleace reach us with more details about your goals.

Thanks

Joao

[rmoss]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! Would you mind pointing out where on your site the images are thumbnails and which part your site you would like them to be full-size? We’ll then check if we can advise any CSS to help achieve your goal.

Note: I tested your attached code on my local testing environment and it works to show full size on my end.

<div class="feature-block"><h5>Richmond</h5><a class="x-img x-img-link x-img-none none" href=http://dominionpayroll.com/richmond-virginia/><img src="http://dominionpayroll.com/next/wp-content/uploads/Richmond-VACircle-e1439825714737.jpg"></a></div>
<div class="feature-block"><h5>Charlotte</h5><a class="x-img x-img-link x-img-none none" href=http://dominionpayroll.com/charlotte-north-carolina/><img src="http://dominionpayroll.com/next/wp-content/uploads/Charlotte-City-Circle-e1439825732445.jpg"></a></div>
<div class="feature-block"><h5>Nashville</h5><a class="x-img x-img-link x-img-none none" href="http://dominionpayroll.com/nashville-tennessee/"><img src="http://dominionpayroll.com/next/wp-content/uploads/NashvilleCityCircle-e1439825724872.jpg"></a></div>
<div class="feature-block"><h5>Tampa</h5><a class="x-img x-img-link x-img-none none" href="http://dominionpayroll.com/tampa-florida/"><img src="http://dominionpayroll.com/next/wp-content/uploads/Tampa-Circle-e1439825703455.jpg"></a></div>
<div class="feature-block"><h5>Austin</h5><a class="x-img x-img-link x-img-none none" href="http://dominionpayroll.com/"><img src="http://dominionpayroll.com/next/wp-content/uploads/Austin-City_1.jpg"></a></div>

There may be something else conflicting and it would be best to point us to the actual page. Thanks!

[rmoss]

Yep, no problem.

I am trying to put them on the home page. http://www.dominionpayroll.com

We have a set of 4 icons right now showing all of our offices. (near the bottom of the page) I am trying to add a 5th. However, using the VC page builder, I can’t separate the row in 1/5s to do so. I am using raw html to put them in.

I have just copied the code above and put it in the page, but it still shows up as thumbnails. I originally borrowed the code from the set of service icons we have at the top of the page. Now I am just trying to use that code to make the same 1/5 layout for our offices, but use a full size image instead of a thumbnail.

I hope that explains everything!

Thanks guys!

[Jade]

Hi there,

Thanks for the clarification you have provided. Would you mind providing your admin details in a private response as well so that we could check your current setup and provide you with some suggestions.

[rmoss]

This reply has been marked as private.

[Joao]

Hi There,

I could not login with the credentials above provided, could you confirm if it is correct?

Thanks,

Joao

[rmoss]

This reply has been marked as private.

[Joao]

Hi There,

I have create a section and it seems that everything is normal.

http://dominionpayroll.com/?page_id=5571&preview=true

The images are small because the columns are small.

Is that what you wanted to achieve?

Hope that helps,

Joao

[Author]

Posts