various issues sparkle

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved
  • This topic has 10 replies, 3 voices, and was last updated 5 y, 4 mo by  dacam84.
Viewing 10 reply threads
  • Author
    Posts
    • #9063

      dacam84
      Member

      HI,

      Ive been trying to find answers on the forum but couldnt find the following, hope you guys can help.

      1) how can i change the background color of the space behind the ad-afterheader.

      2)how can i change the color of the main menu font.

      3) my hero brick does not fit properly, image on the left is longer than the rest. Heres a screenshot

      View post on imgur.com

      4) how can i get this look for my home page
      https://wpthms.com/support/topic/custom-category-layout/page/2/

      Thanks hope to hear from you,

    • #9064

      shalomanov
      Member

      1)
      Theme Options – Styling Options – Custom CSS
      Add:
      .site-head-ads {
      background-color: #000000; //or any you want
      }

      2)
      Add:
      /*upper level*/
      .site-header .main-navigation .menu > li > a {
      color: #af5456; //or any you want
      }
      /*inside headings*/
      #site-navigation {
      color: #af5456; //or any you want
      }
      /*inner level*/
      .site-header .main-navigation .menu ul li a {
      color: #af5456; //or any you want
      }

      OR

      /*for everything at once forever :)*/
      #site-navigation, #site-navigation a {
      color: #af5456 !important; //or any color you want
      }

      3) Yeah. That occurs then you set featured images with different heights. Please use images 710*434 px.
      But I wonder why there is no spaces between images on your screenshot. Default bootstrap styles have paddings.

    • #9065

      shalomanov
      Member

      PS

      in first case you may use more funny example.
      Try this

      .site-head-ads {
      background: #3498db;
      background: -moz-linear-gradient(left, rgba(52,152,219,0.5) 0%, rgba(52,152,219,0.5) 12.5%, rgba(46,204,113,0.5) 12.5%%, rgba(46,204,113,0.5) 25%, rgba(135,204,46,0.5) 25%, rgba(135,204,46,0.5) 37.5%, rgba(244,203,13,0.5) 37.5%, rgba(244,203,13,0.5) 50%, rgba(255,90,0,0.5) 50%, rgba(255,90,0,0.5) 62.5%, rgba(231,60,145,0.5) 62.5%, rgba(231,60,145,0.5) 75%, rgba(155,89,182,0.5) 75%, rgba(155,89,182,0.5) 87.5%, rgba(86,96,144,0.5) 87.5%, rgba(86,96,144,0.5) 100%);
      background: -webkit-linear-gradient(left, rgba(52,152,219,0.5) 0%, rgba(52,152,219,0.5) 12.5%, rgba(46,204,113,0.5) 12.5%%, rgba(46,204,113,0.5) 25%, rgba(135,204,46,0.5) 25%, rgba(135,204,46,0.5) 37.5%, rgba(244,203,13,0.5) 37.5%, rgba(244,203,13,0.5) 50%, rgba(255,90,0,0.5) 50%, rgba(255,90,0,0.5) 62.5%, rgba(231,60,145,0.5) 62.5%, rgba(231,60,145,0.5) 75%, rgba(155,89,182,0.5) 75%, rgba(155,89,182,0.5) 87.5%, rgba(86,96,144,0.5) 87.5%, rgba(86,96,144,0.5) 100%);
      background: -o-linear-gradient(left, rgba(52,152,219,0.5) 0%, rgba(52,152,219,0.5) 12.5%, rgba(46,204,113,0.5) 12.5%%, rgba(46,204,113,0.5) 25%, rgba(135,204,46,0.5) 25%, rgba(135,204,46,0.5) 37.5%, rgba(244,203,13,0.5) 37.5%, rgba(244,203,13,0.5) 50%, rgba(255,90,0,0.5) 50%, rgba(255,90,0,0.5) 62.5%, rgba(231,60,145,0.5) 62.5%, rgba(231,60,145,0.5) 75%, rgba(155,89,182,0.5) 75%, rgba(155,89,182,0.5) 87.5%, rgba(86,96,144,0.5) 87.5%, rgba(86,96,144,0.5) 100%);
      background: -ms-linear-gradient(left, rgba(52,152,219,0.5) 0%, rgba(52,152,219,0.5) 12.5%, rgba(46,204,113,0.5) 12.5%%, rgba(46,204,113,0.5) 25%, rgba(135,204,46,0.5) 25%, rgba(135,204,46,0.5) 37.5%, rgba(244,203,13,0.5) 37.5%, rgba(244,203,13,0.5) 50%, rgba(255,90,0,0.5) 50%, rgba(255,90,0,0.5) 62.5%, rgba(231,60,145,0.5) 62.5%, rgba(231,60,145,0.5) 75%, rgba(155,89,182,0.5) 75%, rgba(155,89,182,0.5) 87.5%, rgba(86,96,144,0.5) 87.5%, rgba(86,96,144,0.5) 100%);
      background: linear-gradient(to right, rgba(52,152,219,0.5) 0%, rgba(52,152,219,0.5) 12.5%, rgba(46,204,113,0.5) 12.5%%, rgba(46,204,113,0.5) 25%, rgba(135,204,46,0.5) 25%, rgba(135,204,46,0.5) 37.5%, rgba(244,203,13,0.5) 37.5%, rgba(244,203,13,0.5) 50%, rgba(255,90,0,0.5) 50%, rgba(255,90,0,0.5) 62.5%, rgba(231,60,145,0.5) 62.5%, rgba(231,60,145,0.5) 75%, rgba(155,89,182,0.5) 75%, rgba(155,89,182,0.5) 87.5%, rgba(86,96,144,0.5) 87.5%, rgba(86,96,144,0.5) 100%);
      width: 100%;
      }

    • #9066

      dacam84
      Member

      Hi shalomanov,

      thanks for the reply,

      1) it worked fine.

      2) it didnt work for the font color, what could be the reason?

      3) i used a code one of you guys posted on this forum to eliminate the padding, thast the reason but still get the main picture bigger than the other two togethr , Note : with any picture.

      4) i also wanted to know how to have that custome home page with the same custom post display like in this thread

      https://wpthms.com/support/topic/custom-category-layout/page/2/

      Also, where should i place the long code you provided, and what would it do .

      Thanks again and sorry im not an experienced programmer or anything close

    • #9067

      dacam84
      Member

      https://wpthms.com/support/topic/custom-category-layout/

      on this thread maxxi wrote some code for someone and i was wondering if i could get the same for my home page. Not just one category but all the posts list like that on the thread or like this example

      View post on imgur.com

      thanks again

    • #9068

      shalomanov
      Member

      2)
      it works for me
      Make sure you pasted style to Theme Options – Styling Options – Custom CSS
      Make sure you didn’t copypaste all the text I’d provided. Just paste

      
      #site-navigation, #site-navigation a {
      color: #af5456 !important; //or any color you want
      }
      

      Make sure nothing overwrites that styles later.

      3)

      i used a code one of you guys posted on this forum to eliminate the padding

      dacam84, so why are you surprised that pictures are not equal?
      Sizes of thumbnails are set taking paddings into account.
      If you wish to delete paddings you should change picture sizes. Set medium images half of full images width and height (355*217) and regenerate thumbnails. And watch you upload images 710*434px as featured.

      But I recommend to use paddings %)

      With question 4 let’s wait for developers answer.

      • This reply was modified 5 y, 5 mo by  shalomanov.
      • This reply was modified 5 y, 5 mo by  shalomanov.
    • #9076

      dacam84
      Member

      thanks shalomanov it worked fine now.

      What about that long code you posted? do u have an example of the final outcome of that? is that css?

      thanks again

    • #9087

      shalomanov
      Member

      Sure that’s CSS 🙂
      Just use it and you will see very colored background for ad banner.
      The CSS is so big because different browsers use own styles for gradients.

    • #9127

      dacam84
      Member

      hi Shalomanov,

      i just realized your not from the staff so DOUBLE thank you for ur help 🙂 .

      I tried pasting the code on the css space from styling options menu but nothing changed. Any suggestions?

    • #9130

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #9134

      dacam84
      Member

      bothe worked now 🙂 thanks

Viewing 10 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.