Post by zhelev81 » Wed Apr 07, 2021 5:12 pm

Hello,

i am trying to set the following:

text and pictures on grid here : http://new.truffle.bg/index.php?route=i ... tion_id=10
but i dont like the way it looks. I use the two column integrated template for this, using 500x500 px photos
Image


my question is how to make the text in a invisible box the same size like the picture with small space in between ....something like this :
Image


to look more professional, and to display the same for mobile version in proper order, because now it arranges them in this order : photo - text - photo photo - text text instead of photo - text - photo - text -photo -text

Newbie

Posts

Joined
Sun May 21, 2017 5:30 pm

Post by straightlight » Wed Apr 07, 2021 7:50 pm

OC version.

The most generated errors being found on Opencart forum originates from contributed programming. The increased post counters are caused by redundancies of the same solutions that were already provided prior.


Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by johnp » Wed Apr 07, 2021 8:39 pm

zhelev81 wrote:
Wed Apr 07, 2021 5:12 pm
to look more professional, and to display the same for mobile version in proper order, because now it arranges them in this order : photo - text - photo photo - text text instead of photo - text - photo - text -photo -text
You need to use the bootstrap push or pull class to get photo, text, photo, text.

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD 2.6.4 lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by zhelev81 » Wed Apr 07, 2021 9:53 pm

johnp wrote:
Wed Apr 07, 2021 8:39 pm
zhelev81 wrote:
Wed Apr 07, 2021 5:12 pm
to look more professional, and to display the same for mobile version in proper order, because now it arranges them in this order : photo - text - photo photo - text text instead of photo - text - photo - text -photo -text
You need to use the bootstrap push or pull class to get photo, text, photo, text.
can you explain me how to do it ,, i am not very good at this .. I will be glad if you help me :)

Newbie

Posts

Joined
Sun May 21, 2017 5:30 pm

Post by straightlight » Wed Apr 07, 2021 9:54 pm

zhelev81 wrote:
Wed Apr 07, 2021 9:53 pm
johnp wrote:
Wed Apr 07, 2021 8:39 pm
zhelev81 wrote:
Wed Apr 07, 2021 5:12 pm
to look more professional, and to display the same for mobile version in proper order, because now it arranges them in this order : photo - text - photo photo - text text instead of photo - text - photo - text -photo -text
You need to use the bootstrap push or pull class to get photo, text, photo, text.
can you explain me how to do it ,, i am not very good at this .. I will be glad if you help me :)
You could always create a new service request in the Commercial Support section of the forum to get this done as a custom job or submit your request in the CKEditor website's forum.

The most generated errors being found on Opencart forum originates from contributed programming. The increased post counters are caused by redundancies of the same solutions that were already provided prior.


Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by johnp » Wed Apr 07, 2021 10:00 pm

There's plenty of info online about it. Here's one example. There's some info at the bottom of the page:

https://www.w3schools.com/bootstrap/boo ... amples.asp

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD 2.6.4 lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by zhelev81 » Wed Apr 07, 2021 10:00 pm

straightlight wrote:
Wed Apr 07, 2021 7:50 pm
OC version.
what do you mean by OC version ?

Newbie

Posts

Joined
Sun May 21, 2017 5:30 pm

Post by johnp » Wed Apr 07, 2021 10:26 pm

Your bootstrap version is key which is 3.3.5. The OC version would identify which HTML editor you're using. I'm guessing you have an extension and/or enhanced version. If you're struggling understanding OC Version you might be better off posting in the commercial forum. You should get this done in minutes by a pro.

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD 2.6.4 lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by johnp » Wed Apr 07, 2021 10:29 pm

I've just noticed you're using the Journal theme. They may have provided an enhanced/modified HTML editor with their package. I suggest you go back to them for support.

Opencart 1.5.6.5/OC Bootstrap Pro/VQMOD 2.6.4 lover, user and geek.
Affordable Service £££ - Opencart Installs, Fixing, Development and Upgrades
Plus Ecommerce, Marketing, Mailing List Management and More
FREE Guidance and Advice at https://www.ecommerce-help.co.uk


User avatar
Active Member

Posts

Joined
Fri Mar 25, 2011 10:25 am
Location - Surrey, UK

Post by paulfeakins » Thu Apr 08, 2021 6:47 pm

johnp wrote:
Wed Apr 07, 2021 10:29 pm
I've just noticed you're using the Journal theme. They may have provided an enhanced/modified HTML editor with their package. I suggest you go back to them for support.
https://support.journal-theme.com/

For quick, professional OpenCart support please email info@antropy.co.uk


User avatar
Guru Member

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - Reigate, Surrey, United Kingdom

Post by Attagirl » Fri Apr 09, 2021 9:50 pm

As an easy way, you can copy the code from your information page "truffle dogs" into the code editor for the new page then substitute your new text and photo images. This needs to be done in the html editing interface of the editor.
This may be the quickest way to be sure the style is duplicated, but if you really are unfamiliar with this you may need help.

New member

Posts

Joined
Sun Jan 08, 2017 7:37 am
Who is online

Users browsing this forum: cuango1, CuBin and 49 guests