How to fix the icon when I change the images

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
Carlox1
Registered User
Posts: 23
Joined: Mon Jun 13, 2016 10:16 am

How to fix the icon when I change the images

Post by Carlox1 » Mon Jun 13, 2016 10:49 am

Hello,

I have arrow theme on my forum phpbb. I changed the icons on forum_read for now but I got a problem with this icon.

Screenshot:

https://gyazo.com/933c1cd55ba7c2661a51000b9a97fffb

How can I move the images a little bit to the left?

Thanks for the help.

User avatar
JimA
Community Team Leader
Community Team Leader
Posts: 7618
Joined: Thu Jul 31, 2008 5:54 am
Location: The Netherlands
Name: Jim Mossing Holsteyn
Contact:

Re: How to fix the icon when I change the images

Post by JimA » Mon Jun 13, 2016 12:54 pm

Untested, but the following should work. :)

Open: styles/Arrow/theme/content.css
Find:

Code: Select all

dl.icon dt {
	padding-left: 45px;					
	background-repeat: no-repeat;
	background-position: 5px 95%;	
}
Change the padding-left: 45px; line to something like padding-left: 60px;. You can play around with the number a little bit to get it exactly the way you want. It won't move the image to the left, but instead move the forum name and description slightly to the right. Refresh your themes afterwards.
Image Jim Mossing Holsteyn - Community Team Leader
Knowledge Base | Documentation | Board rules

If you're having any questions about the rules/customs of this website, feel free to drop me a PM.

Carlox1
Registered User
Posts: 23
Joined: Mon Jun 13, 2016 10:16 am

Re: How to fix the icon when I change the images

Post by Carlox1 » Mon Jun 13, 2016 1:28 pm

JimA wrote:Untested, but the following should work. :)

Open: styles/Arrow/theme/content.css
Find:

Code: Select all

dl.icon dt {
	padding-left: 45px;					
	background-repeat: no-repeat;
	background-position: 5px 95%;	
}
Change the padding-left: 45px; line to something like padding-left: 60px;. You can play around with the number a little bit to get it exactly the way you want. It won't move the image to the left, but instead move the forum name and description slightly to the right. Refresh your themes afterwards.
Thanks for your help, but I need to move the icon to the left and not move the forum name etcc... to the right.

Thanks again for your help and fast response.

User avatar
JimA
Community Team Leader
Community Team Leader
Posts: 7618
Joined: Thu Jul 31, 2008 5:54 am
Location: The Netherlands
Name: Jim Mossing Holsteyn
Contact:

Re: How to fix the icon when I change the images

Post by JimA » Mon Jun 13, 2016 1:36 pm

Could you try if this works for you? :)

Open: styles/Arrow/theme/content.css
Find:

Code: Select all

dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}
Replace with:

Code: Select all

dl.icon {
	min-height: 35px;
	background-position: 0px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}
Refresh your themes afterwards.
Image Jim Mossing Holsteyn - Community Team Leader
Knowledge Base | Documentation | Board rules

If you're having any questions about the rules/customs of this website, feel free to drop me a PM.

Locked

Return to “[3.0.x] Styles Support & Discussion”