Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • November 29, 2017 at 12:40 pm #883024
    AliAbabwa

    Dear support.
    I have 2 questions about Blog posts element:
    https://netpics.org/image/GLoNG

    Thank you in advance.

    December 1, 2017 at 7:57 am #883742
    Rikard

    Hey AliAbabwa,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-content-grid-active .av_one_fourth {
    margin-left: 2% !important;
    width: 23.5% !important;
}
    .avia-content-grid-active .av_one_fourth .image-overlay-inside:before {
    background-color: red !important;
}

    Best regards,
    Rikard

    December 1, 2017 at 12:37 pm #883858
    AliAbabwa

    Dear, Rikard.
    Thank you for answer.
    Look at video question in Private Content, please.

    December 2, 2017 at 10:29 am #884101
    Rikard

    Hi,

    Thanks for the video, please try this below the first CSS I sent:

    .avia-content-grid-active .av_one_fourth.first {
    margin-left:0 !important;
}

    Best regards,
    Rikard

    December 4, 2017 at 12:38 pm #884613
    AliAbabwa

    It works, thank you, Rikard.
    But I still have a question, look at video question in Private Content, please.

    December 5, 2017 at 6:18 am #884921
    Rikard

    Hi,

    Thanks again for the video, though I’m not seeing the part you don’t need on your live site. Did you manage to remove it or did you remove the code which was causing it?

    Best regards,
    Rikard

    December 5, 2017 at 10:42 am #884963
    AliAbabwa

    Maybe you should clear the casche? I don’t understand you. My video question is about left and right #f8f8f8 spaces of images.

    December 6, 2017 at 7:31 am #885398
    Rikard

    Hi,

    I’m using an incognito window so if there is caching then it’s coming from your server. I still can’t see the area you are pointing out in the video on the live site unfortunately.

    Best regards,
    Rikard

    December 6, 2017 at 11:45 am #885512
    AliAbabwa

    Hi, Rikard.
    Maybe you misunderstood me.
    “I still can’t see the area you are pointing out in the video on the live site unfortunately.”
    It is in all browsers, in IE, Google Chrome, Mozilla Firefox, Opera.
    It is #f8f8f8 area from left and from right of images.
    (In width more then 1680 px, for example in 1920px)

    http://quirktools.com/screenfly/#u=https%3A//bitnewshub.com/&w=1920&h=1080&a=1

    • This reply was modified 7 years ago by AliAbabwa.
    December 7, 2017 at 5:45 am #885922
    Rikard

    Hi,

    Thanks for the link, I can see what you mean on that link but still not on the live site for some reason. Please try this CSS to remove it:

    .main_color .avia-content-slider .slide-image {
  background-color:transparent !important;
}

    Best regards,
    Rikard

    December 7, 2017 at 1:09 pm #886068
    AliAbabwa

    Thank you, Rikard.
    But this is not exactly what I need.
    I need the images to be the 100% width of block, like the text below:

    https://netpics.org/image/GcSQX

    December 8, 2017 at 3:35 pm #886515
    Victoria

    Hi AliAbabwa,

    I see the images to be 100% of the block. Did you manage to get it working?

    Best regards,
    Victoria

    December 8, 2017 at 3:54 pm #886523
    AliAbabwa

    Dear Victoria.
    Please look once more (red arrows):
    https://netpics.org/image/GcSQX
    It’s not 100% of the block in 1920x and 2560x resolution.

    December 8, 2017 at 9:48 pm #886638
    Victoria

    Hi AliAbabwa,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1700px)  {
	.avia-content-slider .slide-image img {
		min-height: 250px;
    	width: auto;
	}
}
@media only screen and (min-width: 2300px)  {
	.avia-content-slider .slide-image img {
		min-height: 280px;
    	width: auto;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 11, 2017 at 2:34 pm #887420
    AliAbabwa

    Thank you, Victoria.
    But the images with this css code are bad quality – interpolated((
    1. Original:
    https://netpics.org/image/GxiwH
    2. with this css code:
    https://netpics.org/image/GxHUf

    In this case, I need the images to be without interpolation.

    December 11, 2017 at 4:08 pm #887478
    Victoria

    Hi AliAbabwa,

    You can play with the height and try to work out a value that works for you.

    Best regards,
    Victoria

    December 11, 2017 at 4:53 pm #887504
    AliAbabwa

    Dear Victoria.
    I can play with the height)) but in this case it does not help me at all, because in this case we have images with interolation from original small images of Blog posts element ((

    December 12, 2017 at 11:38 am #887842
    Victoria

    Hi AliAbabwa,

    This cannot be really done to be absolutely responsive and have the image take up the 100% of the container. You can either choose some way that is close to what you want or leave it as it is.

    Best regards,
    Victoria

    December 12, 2017 at 4:20 pm #887995
    AliAbabwa

    Thanks, Victoria. That’s exactly what I wanted to find out)

    December 13, 2017 at 6:17 am #888220
    Rikard

    Hi,

    Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.